CSS3 Sample: Rotating Image Gallery

Demo

Expected Result:
  1. Click on the small images in the corners (except the top-left one because that shows the current gallery) and the rotating effect will be seen
  2. Also, when hovering on the small images, the text will shift to the middle.
  3. Use Chrome or Safari desktop browsers for comparision if needed

Code was adapted and modified from http://samples.webmatze.de/rotating_image_gallery.htm

Images courtesy of Public domain images.

flower 1 preview Flower 1
flower 2 preview Flower 2
flower 3 preview Flower 3
flower 4 preview Flower 4
flower 1 flower 2 flower 3 flower 4