Yet another transition for my pure CSS3 Slider that I had already posted on CSSDeck recently. You can also see the other transitions. Just navigate through these links below.

In this transition, I used CSS3's rotateZ property to rotate the image to 10 degrees once the respective navigation button is clicked and then fade it away. This looks really beautiful. We can also use rotateY and rotateX properties to create a "flip" effect instead of the "rotation" effect shown here.

Feel free to add something valuable to the code and use it anywhere you like without any conditions or limits. :)

Related: