CSS text shadow


text-shadow:  horizontal-offset vertical-offset blur color;


The horizontal offset, positive means the shadow will be on the right of the text, a negative offset will put the shadow on the left of the text.
The vertical offset, positive one means the shadow will be below the text, negative one means the text-shadow will be above the text.
The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
Color is HEX color value, like #000 or #FFFFFF. If you do not set color value, the shadow will have the same coloras the element itself.

Multiple text-shadow

text-shadow:  horizontal-offset vertical-offset blur color, horizontal-offset vertical-offset blur color;



Related articles

Vecteezy - Free Vector Art

Vecteezy - Free Vector Art


If you need Free Vector Art do not hesitate: visit

Free vector icons

Free vector icons


Want to have some vector icons, free? Try this nice website.

Beautiful free stock photos from StockSnap

Beautiful free stock photos from StockSnap


Would you like some cool stock photos for free? Check out this article, and try this website.

Leave a comment

We welcome any comment from you! Please keep in mind that comments are moderated and rel='nofollow' is in use. So, please do not use a domain as your name or a spammy keyword, or your comment will be deleted.

Name: *

E-mail: *

Message: *

Click on the airplane *

Find us on Facebook



Back to Top