Box Shadow Demo

CSS3 adds box shadows. The code below shows how you can use box shadows in your Bloopist blog posts.

Source

<style>
.shadow {
color: red;
-moz-box-shadow: 0px 0px 10px 1px #ccc;
-webkit-box-shadow: 0px 0px 10px 1px #ccc;
box-shadow: 0px 0px 10px 1px #ccc;
margin: 10px;
padding: 10px;
}
</style>

<div class="shadow">
hey<br/>
i'm a box<br/>
what are you?
</div>

Output

.shadow { color: red; -moz-box-shadow: 0px 0px 10px 1px #ccc; -webkit-box-shadow: 0px 0px 10px 1px #ccc; box-shadow: 0px 0px 10px 1px #ccc; margin: 10px; padding: 10px; }