Browser Compatibility Testing of CSS3 Text-shadow

Get Started

Browser Compatibility Testing of CSS3 Text-shadow

CSS3 Text-shadow

Method of applying one or more shadow or blur effects to text. With CSS3, an entire host of content shadow impacts are accessible for us to play with. In this article, we'll cover a portion of the impacts you can make with generally little CSS code. CSS3 content shadows can be connected to any content on the page. The linguistic structure for content shadows is as per the following: content shadow:xPosition yPosition blurSize shading; Where:
xPosition is the level position of the content shadow with respect to the content. yPosition is the vertical position of the content shadow in respect to the content. blurSize is the extent of the shadows obscure. shading is the shading esteem – hex, rgb, rgba, hsl, hsla or named shading.

Sign Up For Free

online web app testing



Google Chrome

CSS3 Text-shadow is compatible with Chrome browser version 4 to Chrome browser version 67.

Mozilla Firefox

Mozilla firefox browser version 2 and Mozilla firefox browser version 3 doesn't support this property. CSS3 Text-shadow is compatible for Mozilla firefox browser version 3.5 to Mozilla firefox browser version 60.

Internet Explorer

Internet Explorer browser 6 to >Internet Explorer browser 9 doesn't support CSS3 Text-shadow.Later version >Internet Explorer browser 10 and >Internet Explorer browser 11 supports this property.


Safari browser version 3.1 and 3.2 partially support this web element and partial support for Safari refers to supporting an older version of this web browser. Partial support in Safari 3.* refers to not supporting multiple shadows. Safari browser version 4 to Saafari browser version 11.1 support CSS3 Text-shadow.

Microsoft Edge

This browser element is supported by all Microsoft Edge browser version.


Opera browser version 10.1 to Safari browser version 53 supports this property.

Test your Web App on LambdaTest

With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues and ensure that your webpage fallbacks are working fine on browsers that do not support CSS background-blend-mode.

All Browser Versions

Real Time Testing on Chrome browser
Information sourced from

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Other Browser Elements and Properties

All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.

Checkout All Elements


Fastest Way for Cross Browser Testing

Test your website on Firefox

You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest

Test your website on Chrome

Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest

Test your website on Safari

Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest

Test your website on IE

Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest

Free Plan With 60 Minutes of Live Testing

Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.

Scale As You Go

Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message here, and we would help you out.