How to Add Text Shadow Using CSS?

Add Text Shadow Using CSS


Add Text Shadow Using 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 text-decorations of the element. Each shadow is specified as an offset from the text, along with optional color and blur radius values. Multiple shadows are applied front-to-back, with the first-specified shadow on top.

Regular css text shadow:

p { text-shadow: 1px 1px 1px #000; }

Multiple shadows:

p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }

The first two values specify the length of the shadow offset. The first value specifies the horizontal distance and the second specifies the vertical distance of the shadow. The third value specifies the blur radius and the last value describes the color of the shadow:
1. value = The X-coordinate
2. value = The Y-coordinate
3. value = The blur radius
4. value = The color of the shadow
Remember you can use RGBA values for the color, for example, a 40% transparency of white

p { text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); }

Here I have added Text shadow for P Tag. Now you can add text shadow using CSS any where of your site content.

Source website


Tags: text shadow, text shadow generator, css text shadow, text-shadow, text shadow css, text-shadow

About Masum Billah

Add Text Shadow Using CSS 1stWebSuite website seo tool is a free website ranking tool site provides a lot of on page and off page seo useful tools for you. On this site, we have a large number of website ranking tools



Discuss about: How to Add Text Shadow Using CSS?


Newsletter Subscription

Enter your email address:

Delivered by FeedBurner