Shadow|CSS|learning-a.com

With simple CSS3 code, you can create shadow effect.

Box shadow (IE9+,Firefox25+,Chrome31+,Safari7+,Opera18+,iOS4+,Android4+)

Syntax box-shadow: h-shadow v-shadow blur color; In the example below, h-shadow, horizontal shadow is 20px; v-shadow, vertical shadow is 10px; blur is 5px; the shadow colour is green.

<html>
<head>
<style> 
div #boxShadow
{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 20px 10px 5px green;
}
</style>
</head>
<body>

<div id="boxShadow"></div>

</body>
</html>

Text shadow (IE10+,Firefox25+,Chrome31+,Safari7+,Opera18+,iOS3.2+,Android2.1+)

Syntax text-shadow: h-shadow v-shadow blur color;

<html>
<head>
<style> 
div #textShadow
{
	text-shadow: 3px 3px 2px green;
}
</style>
</head>
<body>

<p id="textShadow">Text with shadow</p>

</body>
</html>