Tutorial of creating beautiful Text Shadow Using Css

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!  But it doesn’t support on the older version IE. Here i am showing you how to create the basic text shadow.

Text  Shadow Support in Cross Browser


The syntax for creating a simple text-shadow is shown below.

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

Here’s the result of this code, this display the simple text shadow

text-shadow:  2px 4px 3px #fcfcfc;
-webkit-text-shadow:  2px 4px 3px #fcfcfc;
-khtml-text-shadow:  2px 4px 3px #fcfcfc;
-moz-text-shadow:  2px 4px 3px #fcfcfc;

You can find the  full code example with the output of this code below.



<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>


font-family:Arial, Helvetica, sans-serif;
text-shadow: 2px 4px 3px #fcfcfc;
-webkit-text-shadow:2px 4px 3px #fcfcfc;
-khtml-text-shadow:2px 4px 3px #fcfcfc;
-moz-text-shadow:2px 4px 3px #fcfcfc;



<body style=”background-color:#333333″>

<div class=”title” >
Shadow Text Here

In above example the .title is a class and we have given the text-shadow as defined in html. We have provided the #fcfcfc is color of the shadow.

See related articles:

Dynamic CSS Rounded Corners Buttons
Beautiful Text Shadow Using Css
Customize Textarea Control Resizing of Html with CSS
List of CSS Generator Tools

Kalpesh Patel

Founder & Owner at Aarav Web Solutions . Working for business development related to Web Design & Development. Also working with client in India & for outsourcing projects. Visit our website Aarav Web Solutions to see more about completed projects for clients. Focus in product development and we have developed our two own product listed below: Classified Website In India and Deals & Offer Website In India