Developer Ramon Sanchez has something to say ?
Welcome to the scripmaual the database where you an find anything from Css menus to javascript script's and more scripting language. This week we have placed nore css menus that are very simple to integrate ... Check them out »

Advertise your Product on scriptmanual ?
Get your product known with a special format always on top of all categories join the scriptmanual advertiser network. We offer cheap prices for all advertiser's ..get real results... Read more >>

Home » CSS Text Shadow

CSS TEXT Shadow Implementing & Examples


Your page text now get a facelift eliminating photoshop and having to design and slow down your website. View all text shadow examples.

Capability: Firefox, Safari/Chrome, Opera and IE9

The Text-Shadow property is used as follows

text-shadow: 2px 2px 2px #000;

Implementing the Script: The CSS 3 Code


<style>

#div-id-or-class-name-here{
text-shadow: 2px 2px 2px #000;
}



 /* This is the Hover Effect Changes 
the hover text-shadow to #999 - Provided by Scriptmanual.com
& WebMaster Ramon Sanchez */


#div-id-or-class-name-here:hover{ text-shadow: 2px 2px 2px #999; } </style>
Recommended to add inside the <head> of the Page. but can be used anywhere in the body as well or added to your stylesheet.

More Examples

Example 1* - Letterpress

<style>

#Exampleone{
text-shadow: 2px 2px 3px rgba(255,255,255,0.1); }

</style>


Im Example 1

Example 2* - Right Shadow

<style>

#Exampletwo{
text-shadow: 6px 6px 0px rgba(0,0,0,0.2); }

</style>


Im Example 2

Example 3* - Down and Distant

<style>

#Examplethree{
text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15); }

</style>


Im Example 3

Was this article & Examples Helpful ?

If so you can help us bring this and more to become available for you at anytime. You can help us by donating any amount or Sharing & Following Us.. P.S Web hosting cost us alot of money..

Business Services

Graphics Design

  • Business CardsBusiness Cards
    Just $35 per card. Order / More Info »
  • Logo DesignLogo Design
    Just $55 per logo. Order / More Info »
  • Company BrochureCompany Brochure
    Just $65 each. Order / More Info »
  • Website Listing inWebsite Listing in 2,000 Directories
    Just $35 each. Order »
  • Party / Events Flyers DesignParty / Events Flyers Design
    Just $55 each. Order »
  • Advertisement Units Design & Flash AdsAdvertisement Units Design & Flash Ads
    Leaderboard (728 x 90) - $95
    Banner (468 x 60) - $40
    Skyscraper (120x600) - $125
    Skyscraper2 (160x600)- $130
    Half Banner (234x60) - $75

    Order Now » We can design your custom
    Ad banners in days.
  • Social Buttons For Websites
    Just $55. More Info »
    ~ Example below ~

Follow Us

Website Design queens ny Linked In NYWDS.com

Developer's Tip

  • Ramon Sanchez
    TIP: # 256 | Meta Tags
    When adding META TAGS make sure you dont over Repeat the keywords it wont help with SEO.Keep it Simple dont overdue it...