1. CSS
  2. Flash
  3. HTML
  4. Illustrator
  5. Java
  6. JavaScript
  7. Maya
  8. Photography
  9. Photoshop
  10. PHP
  11. Ruby
  12. Ruby on Rails
  13. 3ds Max

CSS: The Shadow effect in CSS3

  1. Clicks today:
  2. Clicks this month:
  3. Overall rating:

CSS » Effects — over 11 years ago
Shadow in website design is something that can be achieved by using CSS and images, to achieve shadow in CSS2 you would use images and positioning, it can be achieved but it usually means that you have to create multiple divs. But one of the exciting new attributes in CSS3 is box-shadow which allows someone to get a nice shadow effect with just using one attribute applied to a div.


avatarJye over 11 years ago

Good work on the tutorial James. For something so simple you put so much effort and detail into it.

  • Jye
avatarJamesBlogs over 11 years ago

Wow that really means alot to me, Thanks Jye! :)

avatarholman (administrator and creator)over 11 years ago

I, for one, am going to be happy when things finally become standardized to the point where I don't need to clutter my stylesheets with -moz and -webkit. Sounds like we're nearing that point soon, though.

avatarJye over 11 years ago

No problem James.

Zach: I agree, it can become a hassle and form more of a messy code, but this tutorial shows a quick method of doing the job.

Your Comment

You must be logged in to post a comment.