Text Effect — Emboss



Gaul

<div style="position: relative;"><a href="http://www.owllab.org/wordpress/wp-content/uploads/2012/10/DSC05996-e1350420006761.jpg"><img class="alignnone size-large wp-image-339" title="DSC05996" src="http://www.owllab.org/wordpress/wp-content/uploads/2012/10/DSC05996-1024x768.jpg" alt="" width="584" height="438" /></a>
<!--[if IE 9]>
<div class="titleRedEng emboss">Gaul</div>
<![endif]-->
<!--[if !(IE 9)]><!-->
<div class="titleRedEng emboss embossOpacity">Gaul</div>
<!--<![endif]-->
</div>
.emboss {

	font-family: Georgia, 'Times New Roman', Times, serif; 
	font-size: 72px; 
	font-style: italic; 
	line-height: 72px; 
	font-weight: bold; 
	padding: 20px; 
	position: absolute; top: 0px; left: 0px;

	color: #69752D;
	text-shadow: -2px -2px 2px #fff, 2px 2px 2px #000;
	filter: 
		/* progid:DXImageTransform.Microsoft.Emboss(Bias=0.3)*/
		progid:DXImageTransform.Microsoft.Shadow(Color=#ffffff, Direction=-45, Strength=2)
		, progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Direction=135, Strength=2)
		, progid:DXImageTransform.Microsoft.Alpha(opacity = 20);
}

.embossOpacity {
	opacity: 0.2;
}