block by joyrexus 6938662

Flip path on click

Full Screen

Quick demo of a simple CSS transition and transform. See Animating CSS Transitions for an overview.

The container sets the animation’s perspective and the inner pane is the element that actually flips, rotating 180 degrees around the Y-axis when the parent container is clicked.

Note that we’re only using the -webkit vendor prefix, so this is only going to work in WebKit browsers.

index.html