transition

Read More at MDN DocsView Spec

Safe to Use

transition is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeMar 26, 2013v26.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariSep 30, 2015v9.0.0
5%╱100%
100% of Safari users are running a supported version.
EdgeJul 28, 2015v12.0.0
5%╱100%
100% of Edge users are running a supported version.
FirefoxOct 9, 2012v16.0.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Mar 26, 2013 v26.0.0
26%╱100%
100% of Chrome users are running a supported version.
Mar 26, 2013 – Latest
v26.0.0+
26%╱100%

Full Support

Dec 11, 2008 – Latest
v1.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

Chrome Android
Apr 3, 2013 v26.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Apr 3, 2013 – Latest
v26.0.0+
36%╱100%

Full Support

Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

Edge
Jul 28, 2015 v12.0.0
5%╱100%
100% of Edge users are running a supported version.
Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Full Support

Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Firefox
Oct 9, 2012 v16.0.0
3%╱100%
100% of Firefox users are running a supported version.
Oct 9, 2012 – Latest
v16.0.0+
3%╱100%

Full Support

Before Firefox 57, transitions do not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (see bug 726550).

Before Firefox 57, cancelling a filling animation (for example, with animation-fill-mode: forwards set) can trigger a transition set on the same element, although only once (see bug 1192592 and these test cases for more information).

Before Firefox 57, the background-position property can't be transitioned between two values containing different numbers of <position> values, for example background-position: 10px 10px; and background-position: 20px 20px, 30px 30px; (see bug 1390446).

Sep 20, 2016 – Latest
v49.0.0+
3%╱100%

Implemented with the vendor prefix: -webkit-

Mar 22, 2011 – Latest
v4.0.0+
3%╱100%

Implemented with the vendor prefix: -moz-

Firefox for Android
Oct 9, 2012 v16.0.0
Firefox for Android supports this feature.
Oct 9, 2012 – Latest
v16.0.0+

Full Support

Before Firefox 57, transitions do not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (see bug 726550).

Before Firefox 57, cancelling a filling animation (for example, with animation-fill-mode: forwards set) can trigger a transition set on the same element, although only once (see bug 1192592 and these test cases for more information).

Before Firefox 57, the background-position property can't be transitioned between two values containing different numbers of <position> values, for example background-position: 10px 10px; and background-position: 20px 20px, 30px 30px; (see bug 1390446).

Sep 20, 2016 – Latest
v49.0.0+

Implemented with the vendor prefix: -webkit-

Mar 29, 2011 – Latest
v4.0.0+

Implemented with the vendor prefix: -moz-

Internet Explorer
Oct 26, 2012 v10.0.0
0%╱83%
There are no users of Internet Explorer running a supported version.
Oct 26, 2012 – Latest
v10.0.0+
0%╱83%

Full Support

Oct 26, 2012 – Latest
v10.0.0+
0%╱83%

Implemented with the vendor prefix: -ms-

 
Quest Browser
Unknown v5.0.0
Quest Browser supports this feature.
Unknown
v5.0.0+

Full Support

Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

Opera
Nov 20, 2012 v12.1.0
1%╱100%
100% of Opera users are running a supported version.
Nov 20, 2012 – Latest
v12.1.0+
1%╱100%

Full Support

Jul 2, 2013 – Latest
v15.0.0+
1%╱100%

Implemented with the vendor prefix: -webkit-

Nov 23, 2009 – Jul 2, 2013
v10.1.0 – v15.0.0

Implemented with the vendor prefix: -o-

Opera Android
Oct 9, 2012 v12.1.0
Opera Android supports this feature.
Oct 9, 2012 – Latest
v12.1.0+

Full Support

May 21, 2013 – Latest
v14.0.0+

Implemented with the vendor prefix: -webkit-

Nov 9, 2010 – May 21, 2013
v10.1.0 – v14.0.0

Implemented with the vendor prefix: -o-

Safari
Sep 30, 2015 v9.0.0
5%╱100%
100% of Safari users are running a supported version.
Sep 30, 2015 – Latest
v9.0.0+
5%╱100%

Full Support

Mar 18, 2008 – Latest
v3.1.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Safari on iOS
Sep 16, 2015 v9.0.0
16%╱100%
There are no users of Safari on iOS running a supported version.
Sep 16, 2015 – Latest
v9.0.0+
16%╱100%

Full Support

Jul 11, 2008 – Latest
v2.0.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

Samsung Internet
Sep 25, 2013 v1.5.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Sep 25, 2013 – Latest
v1.5.0+
2%╱100%

Full Support

Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

WebView Android
Dec 9, 2013 v4.4.0
WebView Android supports this feature.
Dec 9, 2013 – Latest
v4.4.0+

Full Support

Oct 26, 2009 – Latest
v2.0.0+

Implemented with the vendor prefix: -webkit-

See Also

Contribute