[pov] CSS3 photo transitions
- From: "Viv Ilo E. Veith" <viv@xxxxxxxxxxxxxxxx>
- To: pov@xxxxxxxxxxxxx
- Date: Thu, 12 Jul 2012 11:29:50 -0700
This info below is from the Hongkiat.com Newsletter that comes out daily. (It
is an amazing blog!) Click on the hyperlinks below to check out these two new
photo transition options. They are quite elegant. Code is provided for free.
Hopefully Firefox and IE will come up to speed and support these soon. Right
now only Google & Safari do. Enjoy!
Viv Ilo
7. Slicebox Slider With Graceful Fallback
My favorite CSS3 freebie from 2011 probably has to be the Slicebox 3D Image
Slider released byCodrops. It utilizes beautiful CSS animation transitions in
browsers which support them, currently in Google Chrome and the latest in
Safari. It’s weird that even the most recent Firefox or IE9 release still can’t
use these transitions.
The best part about this code is that it’ll still fallback to provide basic
transition effects between the images. Granted much of the animation is
performed through jQuery, but the standard CSS fallback option is still very
reliable considering how many browsers cannot support flashy CSS3 animations.
Alternatively Codrops also just recently released another sliding images panel
which utilizes even more creative CSS3 techniques. This image slider is created
using background images in CSS, so even without the transition effects it
behaves very smoothly.
Other related posts:
- » [pov] CSS3 photo transitions - Viv Ilo E. Veith
