Praxisbeispiel Animation - Stufenweises Hereinschieben einer Grafik

Bei dieser Beispielanimation mit CSS3 wurde das Ausgangsbild in 5 gleich große Quadrate zerlegt, die, ausgehend von der Mitte, auseinander geschoben werden.

Wenn durch den gesetzten Cookie ermittl wird, dass die Animation schon einmal aufgerufen wurde, dann wird nur das komplette Bild als Hintergrundbild angezeigt.

Ich habe das Beispiel mit Firefox 17 und Google Chrome Version 26.0.1383.0 canary positiv getestet. Mit dem Internet Explorer 8 wird natürlich keine Animation angezeigt, nur ein fester Hintergrund.

Zurück zu CSS3-Animationen Teil 2

Zurück zur CSS-Übersicht