css shadow
.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); }
css text shadow
p{ /* text-shadow: x y blur spread color */ text-shadow: 2px 2px 5px 5px #f00; }
text shadow css
/* offset-x | offset-y | blur-radius | color */ text-shadow: 1px 1px 2px black; /* color | offset-x | offset-y | blur-radius */ text-shadow: #fc0 1px 0 10px; /* offset-x | offset-y | color */ text-shadow: 5px 5px #558abb; /* color | offset-x | offset-y */ text-shadow: white 2px 5px; /* offset-x | offset-y /* Use defaults for color and blur-radius */ text-shadow: 5px 10px; /* Global values */ text-shadow: inherit; text-shadow: initial; text-shadow: unset;
Source: developer.mozilla.org
text-shadow css
text-shadow: 1px 1px 0 #ff0000;
text-shadow css
/* The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color. */ /* offset-x | offset-y | blur-radius | color */ text-shadow: 1px 1px 2px black; /* color | offset-x | offset-y | blur-radius */ text-shadow: #fc0 1px 0 10px; /* offset-x | offset-y | color */ text-shadow: 5px 5px #558abb; /* color | offset-x | offset-y */ text-shadow: white 2px 5px; /* offset-x | offset-y /* Use defaults for color and blur-radius */ text-shadow: 5px 10px;
Source: developer.mozilla.org
text shadow
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);