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.
BROWSER SUPPORT FOR
This property is partially compatible with Chrome browser version 4 to Chrome browser version 9 with prefix
CSS3 Box-shadow is supported by Chrome browser version 10 to Chrome browser version 67.
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 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 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
This browser element is supported by all Microsoft Edge browser version.
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
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.
Fastest Way for Cross Browser Testing
You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest
Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest
Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest
Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest
Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.
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.