Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

box-shadow

The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.

Last updated on : 2023-02-27

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5 - 8

9 - 11

12 - 110

2 - 2

3 - 112

4 - 113

3 - 16

9 - 9

10 - 95

Fully Supported

Partially

No Support

Browser Compatibility

box-shadow on IE is fully supported on 9-11, and not supported on 5-8 IE versions.

box-shadow on Edge is fully supported on all Edge versions.

box-shadow on Firefox is fully supported on 3-112, and not supported on 2-2 Firefox versions.

box-shadow on Chrome is fully supported on all Chrome versions.

box-shadow on Safari is fully supported on all Safari versions.

box-shadow on Opera is fully supported on 10-95, and not supported on 9-9 Opera versions.

box-shadow on Safari on iOS is fully supported on all Safari on iOS versions.

box-shadow on Android Browser support is currently unknown.

box-shadow on Opera Mobile is fully supported on all Opera Mobile versions.

box-shadow on Chrome for Android is fully supported on all Chrome for Android versions.

box-shadow on Firefox for Android is fully supported on all Firefox for Android versions.

box-shadow on Samsung Internet is fully supported on all Samsung Internet versions.

Browser Support for box-shadow

box-shadow on Chrome

box-shadow on Safari

box-shadow on Firefox

box-shadow on Internet Explorer

box-shadow on Opera

box-shadow on Edge

References

Data sourced from

High

Overall Browser Compatibility Score

Note:box-shadow shows a browser compatibility score of 92. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for box-shadow & more

Test your website for box-shadow and other web technologies. Get 100 FREE automation test minutes!

Test Now