CSS | text-shadow Property

The text-shadow property in CSS is used to add shadows to the text. This property accepts a list of comma-separated list of shadows to be applied to the text. The default value of text-shadow property is none.
Syntax:

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

Property values:

h-shadow: It specifies the position of horizontal shadow
v-shadow: It specifies the position of vertical shadow
blur-radius: It is used to set the blur radius. It’s default value is none.
color: It is used to set the color of the shadow
initial: It is used to set text-shadow to its default value.
inherit: This property is inherited from its parent.

Example:

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
       CSS | text-shadow Property 
     </ttile> 
    <style> 
    h1 { 
        text-shadow: 5px 5px 8px #00FF00; 
    } 
    </style> 
</head> 
  
<body> 
    <h1> 
        GeeksforGeeks 
    </h1> 
</body> 
</html>                     

Output:

Supported Browsers: The browsers supported by border-bottom-color property are listed below:

Google Chrome 4.0
Internet Explorer 10.0
Firefox 3.5
Opera 9.6
Safari 4.0

My Personal Notes

Recommended Posts:

chaitanyashah707

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.