Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
"Isometric" shadow
/**
* "Isometric" shadow
*/
div {
position: relative;
width: 250px;
height: 200px;
background: #7799ff;
box-shadow: 10px 10px 0 #3355bb;
}
div:after, div:before {
position: absolute;
content: "";
}
div:before {
bottom: -10px;
left:0;
border-top: 10px solid #3355bb;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
div:after {
top: 0;
right:-10px;
border-left: 10px solid #3355bb;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
<div></div>
{"view":"split","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
You can’t perform that action at this time.