CSS3 backface-visibility

zur Seite Thema Transform

Bei beiden Elementen ist die Rückseite ausgeblendet. Das zweite Element wird schon zu Beginn um 180 Grad gedreht, deshalb ist es beim Start nicht sichtbar. Berührt man das umgebende div, werden beide Elemente um 180 Grad weiter gedreht, so dass das zweite sichtbar wird, und das erste unsichtbar.

Im nächsten Schritt könnte man die beiden Bilder per position: absolute direkt übereinander legen. Dadurch würde der Effekt einer Vorderseite und Rückseite entstehen.