Skip to content

Instantly share code, notes, and snippets.

@rodrigocnascimento
Created September 16, 2013 16:22
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 rodrigocnascimento/6582939 to your computer and use it in GitHub Desktop.
Save rodrigocnascimento/6582939 to your computer and use it in GitHub Desktop.
Box shadow and perspective skew
.box{
z-index: 100;
/*css3 radius*/
-webkit-border-radius: 5px;
-moz-border-radius: 3px;
border-radius: 3px;
/*css3 shadow*/
box-shadow: 5px 5px 15px #000;
-webkit-box-shadow: 5px 5px 15px #000;
-moz-box-shadow: 5px 5px 15px #000;
-webkit-transform: perspective(900) rotateY(-10deg);
-moz-transform: perspective(900) rotateY(-10deg);
-ms-transform: perspective(900) rotateY(-10deg);
-o-transform: perspective(900) rotateY(-10deg);
transform: perspective(900) rotateY(-10deg);
background-color: #cf6d2f;
padding: 10px 10px 10px 10px;
margin: 100px 20px;
width: 480px;
height: 240px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment