From edb055599952ecf1fb603426fabe82fa518c60bf Mon Sep 17 00:00:00 2001 From: sndrx Date: Fri, 16 Nov 2018 11:39:10 +0200 Subject: [PATCH] Added text-shadow property (#21833) * Added text-shadow property * Fixed formatting --- guide/english/css/text/index.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/guide/english/css/text/index.md b/guide/english/css/text/index.md index 549620290f..79b6da21f2 100644 --- a/guide/english/css/text/index.md +++ b/guide/english/css/text/index.md @@ -54,6 +54,17 @@ p { The `text-transform` property is used to convert the entire text to `uppercase`,`lowercase` or to `capitilize` each word([example](https://www.w3schools.com/css/tryit.asp?filename=trycss_text-transform)). +#### Text Shadow + +``` css +.header { + text-shadow: 5px 5px 5px red; +} +``` + +The `text-shadow` property is used to add shadow to the text. The `h-shadow` (horizontal shadow, the first value) and `v-shadow` (vertical shadow, the second value) are required values. Then you can add `blur-radius` and `color` as optional values. +In the example provided above, the first value represents the horizontal value, the second is the vertical value, the third value is the blur value and the last one represents the color value. + #### Letter Spacing The `letter-spacing` property sets the space between characters in a text. @@ -83,6 +94,6 @@ p { #### More Information: -W3Schools CSS text
+- [W3Schools CSS text](https://w3schools.com/css/css_text.asp)