PSD-HTML. These Pixel perfect HTML pages will be tested on Chrome, Firefox, IE, Safari on OS X and Windows Imajine will help you create your own fan page in facebook with an eye appealing graphic banner for its welcome page Custom CMS theme building weboranje.com - showcase of inspirational web 2.0 websites
CSS3 tutorial to provide shadow to text

This tutorial explains the text-shadow property in CSS.

An Example for text shadow




Syntax

.shadow
{
text-shadow: #0099CC 1px 2px 1px;
}


Explanation

As seen in the above style syntax for ‘.shadow’, I have used ‘text-shadow’ property to create the same.

  • The first value assigned is shadow color.
  • The second value assigned is X-coordinate values.
  • The third value assigned is Y-coordinate value.
  • The fourth value is blur radius of the shadow.
Tip-

Readability reduces with high blur value, hence would to suggest the reader to retain / provide low blur value.

Tags: CSS3 to show text shadow, text shadow styles in CSS3, Font shadow in styles, CSS3 font shadow

 

Bookmark and Share
HI, AM JAY, AND I IMAJINE
I am a freelance web designer and web application developer with over 7 years of result oriented experience. I am accustomed to working in a dynamic and goal oriented client environment. My strengths include the ability to visualize, personalize and create a truly unique and enthralling web presence. My passion apart from web design, logo design, Flash animation / actionscripting, CMS Customization, print and web development includes photography, game programming, tutorial development (includes Adobe Flash, Adobe Fireworks and Adobe Photoshop) and blogging.
Read more about me...
CONTACT US
Name :  
Email Address :  
 
Comments :
 
jayanthi.varma@imajine.in  |  © 2008 - 2011 Imajine.