CSS Text Shadow

0
24

CSS Text Shadow

Here is another exciting CSS Snippet for you. This is a simple snippet to create a shadow text. The CSS Text Shadow property has four values. Out of which two are coordinates, one is blur radius and lastly it has color.

  • The X-coordinates – Use positive numbers to define the shadow to the right of text horizontally.
  • The Y-coordinate – Use positive numbers to define the shadow to the top of text vertically.
  • The blur radius – This is optional value. It stretches the text to the amount of pixels. The higher the pixel, higher it will stretch the text.
  • The Color of Shadow – Define the shadow color in name, HEX code and RGB color.

Here is a demonstration

Source Code Output

CSS Text Shadow

Multiple Text Shadow

In addition to using a single text-shadow, you can have the multiple text shadows. You can define as many shadows as you want by using a comma ( , ). Here is a simple demonstration for you

Source Code Output

This text has two shadows

Leave a Reply