Blog



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



IT Support Newcastle is brought to you by Transcendit Ltd, contact us on 0191 482 0444