Doing it with style
A simple gallery with a fly-in and fly-out animation between images.
Using keyframe animation for IE10, Firefox, Chrome, Safari, Opera and iPad etc. and a fallback styles for earlier versions of IE.
IE9 has permanent image changes but no animation, IE7 and IE8 use mouse hover over the thumbnails instead of mouse clicks.
So click a thumbnail to see the current image fly-out to the left and the new image fly-in from the left.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.