New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact

<html>
<head>

<style>

.popshadow{
position: relative;
left: -3px; /* offset depth */
top: -3px; /* offset depth */
box-shadow: 5px 5px 5px rgba(0,0,0,0.3); /* shadow x offset, y offset, intensity, and color rgba(red, green, blue, opacity (0-1)) */
transition: all .2s ease-in-out; /* 0.2s = transition duration */
}

.popshadow:active{
left: 0;
top: 0;
box-shadow: none;
}

</style>

</head>

<body>

<img src="dynamiclogo4.gif" class="popshadow">
</body>
</html>