CODEWITHSUNDEEP
jqueryinternet-explorerjquery-animaterotation
Snapper
Snapper

Reputation: 686

Animate rotate doesn't work ie

i already search for other posts but I couldn't find what I want. I want to user my jquery animate function with rotate. It works perfect to chrome and ff but not to ie. 

$('#myid').animate({ rotate: '-=30deg', left: ['20%', 'easeOutQuart'], top: '20%' }, 1200);

Is there any solution for this or should I use other functions?

Thanks

Upvotes: 1

Views: 1090

Answers (1)

topek
topek

Reputation: 18979

IE does not support rotate, you can use a polyfill like http://transformie.com or you can modifiy the filter definition yourself:

Example for 15° rotation:

filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ 
        M11=0.9659258262890683, M12=-0.25881904510252074, M21=0.25881904510252074, M22=0.9659258262890683, sizingMethod='auto expand');

Documentation for the Matrix Filter

Upvotes: 1

Related Questions