Noen eksempler på dynamikk

Når vi holder på med en del av disse tingene ligger vi i grenselandet for hva som er implementert i de ulike nettleserne og hvordan det er implementert. De ulike nettleserne har forskjellige motorer og vi må av og til referere disse når vi angir CSS-egenskaper.

Et eksempel:

 -moz-animation-direction:alternate;
 -webkit-animation-direction:alternate;
animation-direction:alternate;

der vi altså må angi spesielle regler for de to ulike typene teknologier. Målet er altså at de 2 første linjene skal bli overflødige etterhvert som nettleserne ender opp med en endelig implementasjon.

I øyeblikket (mars 2014) ser det vel omtrent slik ut med nettlesere, implementasjonsmotor og CSS-prefiks:

IE

Trident, CSS-prefix: -ms

Firefox

Gecko, CSS-prefix: -moz

Chrome og Opera

Blink(avledet av webkit), CSS-prefix: -webkit

Safari

WebKit, CSS-prefix: -webkit

W3Schools har, og lover å vedlikeholde, en oversikt over hvilke stilegenskaper som må "spesialbestilles" hos de ulike nettleserne, [1] . Dette bildet endrer seg stadig, forhåpentlig i retning av at flere spesialangivelser forsvinner. Og kanskje kommer det nye til.

Tanken er da at de reglene som krever prefix skal kunne fases ut etterhvert som de ulike nettleserne ender opp med stabile standard-løsninger.

Modernizr [2] er et interessant verktøy som hjelper til med å finne ut hvilke HTML5 og CSS3 egenskaper som fungerer i de ulike nettleserne, og tilpasser løsningen vår. Jeg har ikke brukt dette her, men det synes å være verdt en vurdering.