CSS3 - The future now - Rotating Gallery
21st January 2011
- New Zealand Photographs
- Waimate Church
- Methven Blue Pub
- Waitaki Hotel
- Arrow Head Pharmacy
- Arrow Head Stables Restaurant
copyright © stu nicholls - CSS play
Information
Absolutely NO javascript.
A simple gallery that makes use of CSS3 styles to provide a rotating/enlarging set of images.
Hover over the list text to see the associated images fly out from under the list and enlarge/rotate into position to the right of the list.
Browser support
Opera, Safari, Chrome, Firefox 4, iPhone, iPad and iPod Touch will see all the CSS3 transition effects
Firefox 3.x and Internet Explorer will see instant changes in the images without the slide animation.
13th February 2013
Now working in IE10 and IE10 with touch screen.
Copyright
You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.
Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
