user3248595
user3248595

Reputation: 37

Transitions time in IE

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

Answers (2)

Ian Ryan Clarke
Ian Ryan Clarke

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

rockStar
rockStar

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

Related Questions