Help with Drop Shadows + CSS

Discussion in 'CSS' started by Thiagoo, Jun 3, 2006.

0
  1. #1
    Well i wanna use drop shadows with css on my website, i saw it on:

    http://www.webthang.co.uk/Tuts/tuts_css/css4/css4.asp

    But i want to do like

    http://animesrox.awardspace.com/logo.jpg

    Where its wrote freegfx [dot] info


    I think it would be a good trend and it would look good, can any1 give a help? :D
     
    Thiagoo, Jun 3, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    The first link's drop shadow is an image. Whip out the Gimp and make one. The second link serves up a 403 forbidden error and a redirect.

    If you want css created drop shadows, this will work in all modern browsers. 
    
.split {
    text-align: left;
    position:relative;
    }

.split span { 
    color: #aaa;
    position: absolute;
    top: -2px;
    left: -2px;
    }

.split:before {
    content: attr(title); 
    position: absolute; 
    left: 0; 
    top: 0; 
    color: #f86038;
    }
=============
<h1 class="split"
    title="Full Service Paving Contractor"><span>Full Service Paving  
  Contractor</span></h1>
    Code (markup):
    cheers,

    gary
     
    kk5st, Jun 4, 2006 IP