CSS3 – Transition – Transform

Ich habe heute mit CSS3 Transitions rumgespielt .. die Effekte funktionieren aktuell nur in den Webkit Browsern Chrome und Safari. Im Sinne von Progressive Enhancement ist die Darstellung aber auch in allen anderen Browsern (sofern ich sie getestet habe :)) in Ordnung .. schauts euch also mal im Firefox an ..

Was ich aber sagen kann .. mit den ganzen Möglichkeiten die durch CSS3 Transition und Transform da in den Browsern ankommen wird CSS3 ziemlich komplex wobei natürlich abzuwarten bleibt wie stark das eingesetzt wird.

Ich hab im ersten Schritt mal versucht so ne Art Gallerie zu bauen, mit einer Beschreibung und das Ganze dann irgendwie ansprechend zu animieren.

Den TRANSFORM Parameter -> translateZ habe ich nicht so ganz verstanden .. ich weiß schon was er macht etc. aber je nachdem was man hier für Werte eingibt kann es zu witzigen Effekten kommen ..

Das CSS steht direkt im Quelltext .. und hier das ganze Beispiel.