Skip to content

Instantly share code, notes, and snippets.

@cleitonfco
Created April 13, 2012 23:01
Show Gist options
  • Select an option

  • Save cleitonfco/2380689 to your computer and use it in GitHub Desktop.

Select an option

Save cleitonfco/2380689 to your computer and use it in GitHub Desktop.
Box-Shadow
/**
* Box-Shadow
*/
div {
display:inline-block;
padding:40px;
font:20px "Helvetica Neue", sans-serif;
margin:20px;
background-color:#39c;
border-radius:10px;
}
#one {
box-shadow: 3px 3px 5px black;
}
#two {
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
#three {
box-shadow: -3px 5px 5px rgba(204, 102, 0, 0.5);
}
#four {
box-shadow: 0 9px 5px -4px rgba(51, 153, 204, 0.4);
}
#five {
box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.4), 2px 2px 3px rgba(0, 0, 0, 0.7);
}
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
<div id="five"></div>
{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment