Skip to content

Instantly share code, notes, and snippets.

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;
border-top: 10px solid #3355bb;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
div:after {
top: 0;
border-left: 10px solid #3355bb;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
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.