text-shadow

Read More at MDN DocsView Spec

Safe to Use

text-shadow is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeMay 21, 2009v2.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariOct 24, 2003v1.1.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.
FirefoxJun 30, 2009v3.5.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
May 21, 2009 v2.0.0
26%╱100%
100% of Chrome users are running a supported version.
May 21, 2009 – Latest
v2.0.0+
26%╱100%

Full Support

Chrome Android
Jun 27, 2012 v18.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Full Support

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

Firefox
Jun 30, 2009 v3.5.0
3%╱100%
100% of Firefox users are running a supported version.
Jun 30, 2009 – Latest
v3.5.0+
3%╱100%

Full Support

Firefox versions before 57 have a bug whereby transitions will not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (bug 726550).

From Firefox 4, the blur radius is capped at 300 for performance reasons.

Firefox theoretically supports infinite text-shadows (don't try it).

If the <color> value is unspecified, then Firefox uses the value of the element's color property.

Firefox for Android
Mar 29, 2011 v4.0.0
Firefox for Android supports this feature.
Mar 29, 2011 – Latest
v4.0.0+

Full Support

Firefox versions before 57 have a bug whereby transitions will not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (bug 726550).

From Firefox 4, the blur radius is capped at 300 for performance reasons.

Firefox theoretically supports infinite text-shadows (don't try it).

If the <color> value is unspecified, then Firefox uses the value of the element's color property.

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

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

Full Support

Opera
Jun 12, 2008 v9.5.0
1%╱100%
100% of Opera users are running a supported version.
Jun 12, 2008 – Latest
v9.5.0+
1%╱100%

Full Support

Opera supports a maximum of 6-9 text-shadows for performance reasons. The blur radius is limited to 100px.

Opera 9.5 to 10.1 adheres to the old, reverse painting order (in CSS2, the first specified shadow is on the bottom).

Opera Android
May 21, 2013 v14.0.0
Opera Android supports this feature.
May 21, 2013 – Latest
v14.0.0+

Full Support

Safari
Oct 24, 2003 v1.1.0
5%╱100%
100% of Safari users are running a supported version.
Oct 24, 2003 – Latest
v1.1.0+
5%╱100%

Full Support

In Safari, any shadows that do not explicitly specify a color are transparent.

Safari 1.1 to 3.2 only supports one text-shadow (displays the first shadow of a comma-separated list and ignores the rest). Safari 4.0 (WebKit 528) and later support multiple text-shadows.

Safari on iOS
Jun 29, 2007 v1.0.0
17%╱100%
100% of Safari on iOS users are running a supported version.
Jun 29, 2007 – Latest
v1.0.0+
17%╱100%

Full Support

In Safari, any shadows that do not explicitly specify a color are transparent.

Safari iOS 1 and 2 only support one text-shadow (displays the first shadow of a comma-separated list and ignores the rest). Safari iOS 3 (WebKit 528) and later support multiple text-shadows.

Samsung Internet
Apr 27, 2013 v1.0.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Full Support

WebView Android
Sep 3, 2014 v37.0.0
WebView Android supports this feature.
Sep 3, 2014 – Latest
v37.0.0+

Full Support

See Also

Contribute