Skip to content

Instantly share code, notes, and snippets.

@afraser
Created June 13, 2012 13:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save afraser/2923923 to your computer and use it in GitHub Desktop.
Save afraser/2923923 to your computer and use it in GitHub Desktop.
Untitled
/*Sexy paper shadow*/
.post {
position:relative;
width: 500px;
height: 400px;
background-color: #ECEAe2;
padding: 30px;
width: 500px;
height: 100px;
margin: 0 auto;
top: 30px;
}
.post::before,
.post::after {
content:"";
position:absolute;
z-index:-1;
bottom:15px;
left:10px;
width:50%;
height:10px;
max-width:300px;
-webkit-box-shadow:0 15px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 15px 15px rgba(0, 0, 0, 0.4);
box-shadow:0 15px 15px rgba(0, 0, 0, 0.4);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.post::after{
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
<div class="post">Form & content. Content and forms.</div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment