Er is geen CSS ondersteuning.
Klik eerst maar eens op "doe de transition" en kom dan, via de link daar, terug op deze pagina. Dan weet je tenminste over welke transition we praten...
In alle goed gebouwde browsers werkt deze transition feilloos. In IE werkt het wel maar, zoals iedereen wel gewend is, altijd wel met een "mankementje". Dit keer valt het wel mee. De beroemde IE-flits (als pagina's een beetje te snel zijn naar de mening van IE...) laat zich gelden. Ik hoop er nog steeds op dat de scripters bij Microsoft al die "pijnpuntjes" eens weten op te lossen.
De transition zelf spreekt voor zich. Kijk maar in de broncode van de transition hoe alles in elkaar zit. Kopieer de broncode van de page-transition-html5 naar jouw webruimte en gebruik de CSS en het javascript op jouw pagina's. Vergeet niet de body onload te gebruiken en de div met het id "maar", die je net onder de body-start-tag moet zetten. Verder is er alleen te melden dat de procedure foutloos is op de HTML5 en de CSS.
Voor ik het vergeet: Ik heb de transition expres op "langzaam" gezet. Dan zie je het effect beter. Maar je kan natuurlijk het script ook een stuk sneller laten werken. Als je de variabele "i4" i.p.v. met 2, met 4 laat verhogen en als je tegelijkertijd de "i4>98" verandert in "i4>92", zal alles een aardig stuk vlotter verlopen.
cache 29-10-2010