CSS3 animation not working in IE9
38,777
CSS3 Animation don't work natively on IE9. There's a similar thread here
Author by
hjuster
Digital production director and lead developer of a digital agency Kitchen,located in Prague. Two times awarded on Awwwards for site of the day and six times on CSSDA.
Updated on August 13, 2020Comments
-
hjuster almost 4 years
CSS3 animations are not working in IE9. Here is the jfiddle link. Is it possible to make them working on IE or i am making some silly mistake? Here is the code which is not working:
@-ms-keyframes rotating { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } #rotateMe{ -ms-animation: rotating 5s linear infinite; }
As IE doent support this functionality i have created the fallback using jquery rotate plugin
here is my fallback function for IE:
$(function() { if (!$.support.transition){ var angle = 0; var angle2 = 0; setInterval(function(){ angle+=0.3; angle2-=0.3; $(".rotateRing").rotate(angle); $(".rotateRingReverse").rotate(angle2); },50); } });
-
hjuster almost 12 yearsTnx for your reply. Btw, I have just created the fallback for IE using this plugin code.google.com/p/jqueryrotate