html text shadow code example

Example 1: 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;

Example 2: text shadow

text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);

Example 3: text shadow css

/*           x   y  blur color */
text-shadow: 1px 1px 1px  #000000;

Example 4: css text shadow

text-shadow: x, y, blur, color;

Example 5: text-shadow

text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;

Tags:

Css Example