SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    May 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    unusually shaped transparent png/gif casting shadows with css/inline styles

    Hi my Name is Phil Doughty,
    You might be able to shed some light & insight


    I Know of box-shadow & text shadow but how to make
    an unusually shaped transparent png/gif cast a
    shadow with css or inline styles, to look something like this
    :

    http://img521.imageshack.us/img521/8595/shapeu.png

    (Preferably without javascript but not ruling it out)

    Thanks in advance

    Phil
    Attached Images Attached Images

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,198
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    If you are using an actual font, then something like text-shadow: 2px 2px 2px #000; is worth a try. But otherwise, if it ha to be an image, I'd say you are better off creating the drop shadow in a graphics program.

  3. #3
    SitePoint Member
    Join Date
    May 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not necessarily text, that was just an example.
    And yeah I thought of that adding the shadow to the image
    but was hoping for a code option to have the flexibility of
    changing the background colours in future edits

    Anyways - Thanks for the quick reply


    Phil

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,198
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    I can't say definitely, but as far as I know, even CSS3 isn't up to that yet.

  5. #5
    SitePoint Member
    Join Date
    May 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I guess I just want markup & css to be
    as Photoshops layer styles - Surly it can't be that much to ask for (:

    Phil

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,198
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Phil Doughty View Post
    Surly it can't be that much to ask for l
    O well, if it's easy to design then do it yourself! Luckily for Adobe, Photoshop doesn't have to be able to run in a wide range of faulty browsers! Some browsers can't even get basic CSS to work properly, so more complex things like this are pretty much a pipe dream, it would seem. At least, we'll be getting pretty old when CSS and browser support offer anything like the functionality of Photoshop. Unless online applications kick off in a big way and leave html and css behind.


Tags for this Thread

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
  •