Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS-Fading-Transition with Image-Sprite without additional Markup

CSS-Fading-Transition with Image-Sprite without additional Markup

Problem

here ist the almost finished example: http://jsfiddle.net/mbDAF/

i want a fading-Transition with 2s duration between the two images. but the transition does not work (i am using crome v20).

can someone tell me why?

Problem courtesy of: Benjamin

Solution

I believe transitions on generated content aren't supported yet - https://bugs.webkit.org/show_bug.cgi?id=23209

Update: January 4, 2013
As Benjamin pointed out in the his comment below, transitions on pseudo-elements are starting to become possible. css-tricks.com is tracking the support on different browsers here.

Solution courtesy of: banzomaikaka

Discussion

View Additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS-Fading-Transition with Image-Sprite without additional Markup

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×