CSS3 Feature Detection 2

by Mohammed Ismail Ansari

HTML

<p class="emboss">This is some text</p>

CSS

.emboss
{
	font-size: 2.5em;
	font-weight: bold;
	color: #333;
}

.emboss.textShadow
{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

JavaScript

$(document).ready(function(){
    if (document.createElement("div").style.textShadow === "") {
	    console.log("Supports");
        $(".emboss").addClass("textShadow");
    }
    else {
        console.log("Does not support");
    }
});