Welcome Guest! (App Version 3.1)

websitnero logo name

Text Shadow


  • Text-Shadow adds a shadow-drop effect to the text written inside an element.

Applying text-shadow to HTML Elements

Text-Shadow property is used to add shadows to text. Just like box-shadow adds a 3D Shadow effect to the box, text-shadow provides a shadow effect to the text. This is very useful in Web-Pages where you want to provide extra 3D effect to the various elements of Web Page.

The property is very simple, but brings in depth to professionally created Web Pages and adds to its beauty.


  text-shadow:5px 5px red;

  <p>This is a paragraph.</p>


This is a paragraph.

WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.