Last active
September 8, 2019 05:04
-
-
Save MrNegativeTW/c5e205f298a0d64ac649b6a4fb2508ce to your computer and use it in GitHub Desktop.
[CSS] Awesome Box-Shadow.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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