.yourElement {
/* offset-x | offset-y | blur-radius | spread-radius | color */
-webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
-moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
box-shadow: -4px -3px 45px 21px rgba(0,0,0,0.35);
}div {
box-shadow: 10px 10px 5px lightblue;
}box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.23);.yourElement {
/* offset-x | offset-y | blur-radius | spread-radius | color */
-webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
-moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
box-shadow: -4px -3px 45px 21px rgba(0,0,0,0.35);
}
/*Multi layers shadow for the TEXT*/
.YourTextClassName {
color: #53BAC1;
text-shadow: 10px 10px 0px #DC4530, 20px 20px 0px #FDC52D;
font-size: 120px;
text-transform: uppercase;
font-family: Roboto;
font-weight:900;
-webkit-text-stroke:5px black;
} /*Multi layers shadow for the TEXT*/
.YourTextClassName {
color: #53BAC1;
text-shadow: 10px 10px 0px #DC4530, 20px 20px 0px #FDC52D;
font-size: 120px;
text-transform: uppercase;
font-family: Roboto;
font-weight:900;
-webkit-text-stroke:5px black;
} | Code Example |
|---|
| Css :: flexbox center and space between |
| Css :: css code to blur background |
| Css :: css animated skills bar |
| Css :: css animation loop |
| Css :: css link |
| Css :: position relative get in center |
| Css :: ufw allow from subnet |
| Css :: move button to right css |
| Css :: css center in grid |
| Css :: css disable scroll mobile |
| Css :: css text black outline |
| Css :: css ios disable zoom |
| Css :: aling cente |
| Css :: css text justify |
| Css :: css animation delay |
| Css :: css smooooooth scroll |
| Css :: css resize image to fit div no stretching |
| Css :: css disable mouse events |
| Css :: header center |
| Css :: Css style on particular screen |
| Css :: css tr border radius |
| Css :: how to center an item without flex |
| Css :: steps() property css |
| Css :: how to lighten a color in css |
| Css :: css text vertical spacing |
| Css :: div not larger than its content |
| Css :: textarea resize only horizontal |
| Css :: css cut text of |
| Css :: css image background center horizontally in div |
| Css :: css background color over image |