shadow.html

<style type="text/css">
	body{
		font-weight: 100;
	}
	div.displayContainer{
		background: #eee;
		padding: 10px;
		box-shadow: inset 0 0 3px -2px #000, inset 0 6px 6px -6px #000;
	}
	div.displayContainer h2{
		margin-left: 30px;
	}
	div.shadow{
		background: #fff;
		border-radius: 3px;
		padding: 20px;
		box-shadow: 0 0 3px -2px #000, 0 6px 6px -6px #000;
		margin: 20px;
	}
</style>

<div class="displayContainer">
	<h2>Preview of a containers with Natural Shadows</h2>
	<div class="shadow">Using a Shadow with <code>div</code></div>
	<div class="shadow">Using the same Shadow with another <code>div</code></div>
</div>