Reputation: 37
I have this css codes for my element that works in firefox and chrome :
.button {
border : 1px;
background : #fff;
transition : 1s;
}
.button:hover {
border : 2px;
background : #000;
}
And i set a "Transition:1s" for this element.
But now this Transition doesn't work in Internet Explorer.
So, what can i do to have a Transition in IE for this element for 1second ?
And if Transition is unsupported in IE 8-9 , so can we do it with JQUERY ?
Upvotes: 0
Views: 52
Reputation: 278
according to what you posted, it should be working by default in internet explorer, as the 'transition' properly is used by it. Are you using a lower version of IE? It may be one that doesn't support transitions
If you guys provide a fiddle that would help!
A format I use myself to guarantee cross browser transitions, I use:
webkit-transition: ~~;
-moz-transition: ~~;
-o-transition: ~~;
transition: ~~;
This usually ensures browser compatibility, I hope this helps!
Upvotes: 0
Reputation: 1296
what version of IE are you running with? try to check the compatibility here http://caniuse.com/#search=transition .
because your code work http://jsfiddle.net/bFd9A/1/
.button {
border : 1px;
background : #fff;
-webkit-transition : 1s;
-moz-transition : 1s;
-o-transition : 1s;
transition : 1s;
}
.button:hover {
border : 2px;
background : #000;
}
Upvotes: 1