Shadow effect on DIV when mouse Hover using CSS3

CSS 

div.shadow {
 width: 300px;
 margin: 20px;
 border: 1px solid #ccc;
 padding: 10px;
 }

div.shadow:hover {
 -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
 box-shadow: 0 0 5px rgba(0,0,0,0.5);
 }

HTML

<div class="shadow">
This Simple example, gow to make shadow effect for DIV on mouse hover.
For this example, we can use CSS3 and HTML.
</div>

DEMO