cross-fade()

Read More at MDN DocsView Spec

Safe to Use

cross-fade() is not safe to use.

It’s supported by 22% of global browsers.

Browsers

ChromeUnsupported
Chrome does not support this feature.
SafariSep 20, 2016v10.0.0
5%╱96%
There are no users of Safari running a supported version.
EdgeUnsupported
Edge does not support this feature.
FirefoxUnsupported
Firefox does not support this feature.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Unsupported
Chrome does not support this feature.
Feb 8, 2012 – Latest
v17.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

See bug 614906 for supporting the unprefixed cross-fade() function.

Chrome Android
Unsupported
Chrome Android does not support this feature.
Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

See bug 614906 for supporting the unprefixed cross-fade() function.

Edge
Unsupported
Edge does not support this feature.
Jan 15, 2020 – Latest
v79.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

See bug 614906 for supporting the unprefixed cross-fade() function.

Firefox
Unsupported
Firefox does not support this feature.

No Support

Firefox for Android
Unsupported
Firefox for Android does not support this feature.

No Support

Internet Explorer
Unsupported
Internet Explorer does not support this feature.

No Support

 
Quest Browser
Unsupported
Quest Browser does not support this feature.
Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

See bug 614906 for supporting the unprefixed cross-fade() function.

Opera
Unsupported
Opera does not support this feature.
Jul 2, 2013 – Latest
v15.0.0+
1%╱100%

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

See bug 614906 for supporting the unprefixed cross-fade() function.

Opera Android
Unsupported
Opera Android does not support this feature.
May 21, 2013 – Latest
v14.0.0+

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

See bug 614906 for supporting the unprefixed cross-fade() function.

Safari
Sep 20, 2016 v10.0.0
5%╱96%
There are no users of Safari running a supported version.
Sep 20, 2016 – Latest
v10.0.0+
5%╱96%

Full Support

Supports the original dual-image with percentage implementation only.

Jul 20, 2011 – Latest
v5.1.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

Safari on iOS
Mar 21, 2016 v9.3.0
16%╱100%
There are no users of Safari on iOS running a supported version.
Mar 21, 2016 – Latest
v9.3.0+
16%╱100%

Full Support

Support for the original dual-image with percentage implementation only.

Oct 12, 2011 – Latest
v5.0.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

Samsung Internet
Unsupported
Samsung Internet does not support this feature.
Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

See bug 614906 for supporting the unprefixed cross-fade() function.

WebView Android
Unsupported
WebView Android does not support this feature.
Dec 9, 2013 – Latest
v4.4.0+

Implemented with the vendor prefix: -webkit-

Supports the original dual-image with percentage implementation only.

See bug 614906 for supporting the unprefixed cross-fade() function.

See Also

Contribute