CSS Text Shadow
CSS Text Shadow is a way to create shade around the text.
So basically, if you want to create CSS Text with Shadow, then use the text-shadow property of CSS.
It is the same as CSS font shadow.
The syntax of CSS Text shadow:
1)text-shadow:h-offset v-offset blur-radius color;
- h-offset is the horizontal offset to set up the horizontal shadow of the text.
- v-offset is the vertical offset to set up the vertical shadow of the text.
- blur-radius is the amount of blur which makes the text look hazy.
- color sets a particular color for the shadow of the text.
Example 1 - Using h-offset & v-offset
We suggest you set a low value of blur radius whenever you use blur-radius in text-shadow so that your text looks good.
Example 2 - To use Blur Radius
Choose a good color for the text-shadow so that it blends well with the idea of the text and web page.
Example 3 - Color
CSS Multiple Text Shadow
Sometimes, you can also set multiple Text shadows by separating each other using commas(,).
Suppose, you want to add multiple shadows for your text, then define all those shadow properties wisely.
Use this only when it is really required else it can distort the look of your text.