CSS3/Javascript: Transitions IE support using jQuery/Modernizr


Does anyone know how I could achieve IE 7-9 support for (this in Codepen.io) button hover effect?

eg specifically:

transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease;
margin-top: 5px;

I tried this, however, margin-top will not animate. Others seem to..

What am I doing wrong?? Grateful for any help.

I have jQuery, Modernizr...

Thanks A lot


(Apologies in advance if this is a blatant duplicate, just I seem to have a particular problem)

Problem courtesy of: harley_woop


Your problem is this line:


You'll either need to quote the CSS value or use camelcase:


This pretty much applies to all CSS values with hyphens etc.

Solution courtesy of: adeneo


There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.