Cross-browser CSS box-shadow
Yet another quick CSS reminder, this time for cross-browser CSS box-shadow:
.box-shadow { -moz-box-shadow: 10px 10px 10px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 10px #000; /* Safari, Chrome */ box-shadow: 10px 10px 10px #000; /* CSS3 */ }
However, all modern browsers now support box-shadow. So if you are using up to date version of Firefox, Safari or Chrome, it’s enough to use just this CSS:
.box-shadow { box-shadow: 10px 10px 10px #000; /* CSS3 */ }
Cross-browser CSS box-shadow
The box-shadow property is supported in IE9+, Firefox 4, Chrome, Opera, and Safari 5.1.1.
For further explanation and examples of cross-browser CSS box-shadow, please visit the w3schools website here