Skip to content

Instantly share code, notes, and snippets.

@umimehar

umimehar/bottomPageFoldShadow.css

Created January 10, 2019 06:01
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 umimehar/1f7ba8834efef935511c687c85977ea4 to your computer and use it in GitHub Desktop.
Save umimehar/1f7ba8834efef935511c687c85977ea4 to your computer and use it in GitHub Desktop.
Download ZIP
A styles for adding shodows like a page is folded from corners
Raw
bottomPageFoldShadow.css
.bottomPageFoldShadow:after, .bottomPageFoldShadow:before{
content: "";
position: absolute;
bottom: 0;
display: block;
width: 70px;
height: 1px;
box-shadow: 0 11px 24px 0 rgba(0,0,0,.3), 0 2px 14px 4px rgba(0,0,0,.2);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment