Text shadow can i use

One particularly fun tool that CSS gives you to play with your type is text-shadow , which seems simple enough at first but can be used to create some remarkable effects with a little ingenuity and creativity.

See More. The text-shadow property is super easy to work with and works well across all modern browsers without even so much as a vendor prefix! However, using tools like Modernizr will help you pull off advanced CSS3 effects even in older browsers, if you need fallback support. The syntax for creating a simple text-shadow is shown below. However, I find that rgba is the ideal color setting for a shadow because it adds yet another dimension to work with. The position of the vertical shadow.

Negative values are allowed Play it » blur-radius Optional. The blur radius. Default value is 0 Play it » color Optional. The color of the shadow. No shadow Play it » initial Sets this property to its default value. Read about initial Play it » inherit Inherits this property from its parent element.

This results in a sharp shadow at the indicated offset. But the offset can also be made fuzzy, resulting in a more or less blurred shadow.

The amount of fuzziness is given as another offset. Here are two lines, one with a little fuzziness 0. 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.