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

CSS 3 animation effects are not working in IE

CSS 3 animation effects are not working in IE

Problem

I am trying to include this beautiful list of Animation Effects from Liffect - Effect for Lists into my ASP.NET application.

  • Car
  • Car
  • Car

Here you can find the JS Fiddler.

After struggling few hours, I have just noticed that this is working in Firefox 16.x but not in IE 9. It seems some kind of CSS 3 problem but not sure exactly where is it wrong. Please help making it fully cross-browser compatible (IE, Firefox, Chrome etc.)

I would also appreciate for letting me know about some good resources for cross-browser compatible CSS 3 hacks for HTML 5.

Problem courtesy of: Furqan Safdar

Solution

In IE8 and below you won't have any support for CSS3. Check this nice reference to see if what you want to use is available in major browsers.

EDIT to your last update: Animation is not supported in IE9

Solution courtesy of: Telémako

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 3 animation effects are not working in IE

×

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

Get updates delivered right to your inbox!

Thank you for your subscription

×