Skip to content

Instantly share code, notes, and snippets.

@maliMirkec

maliMirkec/crooked-shadow.css

Created August 2, 2017 11:41
Show Gist options
  • Save maliMirkec/f0c28ffaee732b65f15d586cc0c39991 to your computer and use it in GitHub Desktop.
Save maliMirkec/f0c28ffaee732b65f15d586cc0c39991 to your computer and use it in GitHub Desktop.
Download ZIP
How to create crooked shadow
Raw
crooked-shadow.css
.hero:before {
content: “”;
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 10em;
background-image: linear-gradient(to top left, #111 45%, transparent 50%);
transform-origin: center center;
transform: scale(1.25) translateY(-.5em);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment