Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Photoshop Designs to Code
  • Discussion

  • Study Guides

  • Table of Contents

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Adding Drop-Shadows

  • Our web page design has drop shadows on 2 areas of the page
  • We used to have to create separate images that included the drop shadow in order to include a drop shadow on the final design
  • CSS3 allows us to add a drop shadow to any content on the page, however not all browsers support this feature yet
  • Firefox (back to 3.6) & the latest versions of Safari, Opera, & Chrome support the CSS3 drop shadow feature
  • IE version 9 only supports drop shadow, IE 8 & earlier do not so the design will just not have the drop shadow in these versions
  • We just have to allow for the situation where the drop shadow does not show