Skip to content

Instantly share code, notes, and snippets.

@MrNegativeTW
Last active September 8, 2019 05:04
Show Gist options
  • Save MrNegativeTW/c5e205f298a0d64ac649b6a4fb2508ce to your computer and use it in GitHub Desktop.
Save MrNegativeTW/c5e205f298a0d64ac649b6a4fb2508ce to your computer and use it in GitHub Desktop.
[CSS] Awesome Box-Shadow.
/* From Macbed/AppKed */
.card {
box-shadow: 0 20px 40px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1)
}
/* From cht.com */
.card {
border-radius: .8rem;
/* -webkit-box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.13); */
box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.13);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
overflow: hidden;
position: relative;
}
.card {
box-shadow: 0rem 0rem 0.6rem rgba(0, 0, 0, 0.25);
}
.card {
box-shadow: 0px 0px 2.5rem rgba(0, 0, 0, 0.15);
}
/* From tlhc.gnehs.net/system/login */
.box {
box-shadow: 0 6px 20px #0000001f;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment