Browser Compatibility Testing of CSS3 Box-shadow

Get Started

Browser Compatibility Testing of CSS3 Box-shadow

CSS3 Box-shadow

Method of displaying an inner or outer shadow effect to elements. The box-shadow CSS property is used to add shadow effects around an element's frame. You can specify multiple effects separated by commas if you wish to do so. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color.

Sign Up For Free

online web app testing

CSS

BROWSER SUPPORT FOR CSS3 Box-shadow

Google Chrome

This property is partially compatible with Chrome browser version 4 to Chrome browser version 9 with prefix -webkit-.CSS3 Box-shadow is supported by Chrome browser version 10 to Chrome browser version 67.

Mozilla Firefox

Mozilla firefox browser version 2 and Mozilla firefox browser version 3 doesn't support this property. CSS3 Box-shadow is partially compatible with prefix -moz- for Mozilla firefox browser version 3.5 and Mozilla firefox browser version 3.6 . Firefox 4 to 60 supports this property completely.

Internet Explorer

Internet Explorer browser version 6 to Internet Explorer browser version 8 doesn't support CSS3 Box-shadow. Internet Explorer browser version 9 to Internet Explorer browser version 11 support this property.

Safari

Safari browser version 3.1 and Safari browser version 4 partially support this web element with prefix -webkit- and partial support in Safari refers to supporting an older version of the web browser. Safari browser version 5 to Safari browser version 11.1 support CSS3 Box-shadow.

Microsoft Edge

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

Opera

Opera browser supports CSS3 Box-shadow except Opera browser version 10.1 .

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

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

  • Chrome Browsers
  • Firefox Browsers
  • Edge Browsers
  • Internet Explorer Browsers
  • Opera Browser
  • Safari Browser
  • Yandex 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

BENEFITS

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.