Results 1 to 2 of 2

Thread: Shadow

  1. #1
    Join Date
    Jan 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Shadow

    I know I wrote this down along time ago but I cant find it.

    How do I add a shadow effect to my CSS layout?

    Thank you ahead of time!

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,094
    Thanks
    1
    Thanked 205 Times in 201 Posts

    Default

    Hi there Dellahyam,

    here is an example of text and box shadow...
    Code:
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
    
    <meta charset="utf-8">
    
    <title>text and box shadow</title>
    
    <style>
    body {
        background-color:rgba(241,241,24,1.0):
     }
    h1 {
        width:50%;
        padding:1em 0;
        margin:auto;
        border:1px solid rgba(0,0,0,0.6);
        background-color:rgba(255,255,255,1.0);
        box-shadow:inset 0 0 20px rgba(0,0,0,0.6),
                   10px 10px 10px rgba(0,0,0,0.6);
        color:rgba(204,204,204,1.0);
        text-align:center;
        text-shadow:1px 1px 1px rgba(0,0,0,1.0),
                    1px 1px 2px rgba(0,0,0,1.0),
                      0 0 6px rgba(0,0,255,0.8);
     }
    </style>
    
    </head>
    <body>
    
    <h1>Text shadow and box shadow</h1>
    
    </body>
    </html>

    coothead

Similar Threads

  1. ddsmoothmenu shadow in IE
    By banninger in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-22-2013, 01:08 PM
  2. Shadow border
    By Apollos in forum CSS
    Replies: 1
    Last Post: 04-02-2008, 09:58 PM
  3. Table with shadow
    By ckimwah in forum Submit a DHTML or CSS code
    Replies: 1
    Last Post: 11-09-2007, 05:44 AM
  4. I want a shadow
    By Ironside in forum CSS
    Replies: 1
    Last Post: 05-15-2007, 03:18 PM
  5. shadow on imgs
    By chechu in forum HTML
    Replies: 22
    Last Post: 01-08-2007, 07:17 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •