CSS Drop Shadows Background
CSS Drop Shadows Icon

This examples shows how to add a drop shadow to any container element using CSS.

14
Downloads
-
0 Ratings
All Versions
14
Total Downloads
0
Downloads Last Week
Current Version
14
Total Downloads
0
Downloads Last Week
Downloads Last 10 Weeks
All Versions
-
0 Ratings
5
4
3
2
1
Current Version
-
0 Ratings
5
4
3
2
1

CSS Drop ShadowsOverview

Editor: This examples shows how to add a drop shadow to any container element using only CSS (no images). It does this by wrapping the desired content in a DIV with its background color set to the desired shadow color. The content itself is relatively positioned and shifted slightly upwards and to the left to expose the shadow. A "master" DIV that surrounds the entire markup is also relatively positioned, but shifted to the right and downwards to return the entire markup to its original position on the page. The result is a rather rigid- but instant- shadow.

New

Fixed some bugs.

CSS Drop ShadowsTech Specs

Version
3.8
Date
01.13.10
License
Free
Language
English
File Size
N/A
Developer
Category
SubCategory
Operating Systems
Windows ,Linux,Mac OS,BSD,Solaris
System Requirements
No additional system requirements.

SelectedFor You

CSS Tableless Form Icon
Dynamic Drive
A tableless CSS form let you use as a template for implementing your lightweight
Arrow Comment Box Icon
Dynamic Drive
This CSS code transforms a regular DIV into a fancy box with sub text.
CSS Popup Image Viewer Icon
Dynamic Drive
Image thumbnails to pop up an enlarged image onMouseover by using this CSS code.
Curly Corner Container Icon
Dynamic Drive
The countless techniques on the web for adding round corners to DIV containers.
Overlapping horizontal tabs Icon
Dynamic Drive
Using relative positioning and negative margins.
Chrome Menu Bar Icon
Dynamic Drive
This is a lightweight "chrome" looking CSS menu bar.
CSS Tabs menu Icon
Dynamic Drive
This is a basic CSS tabs menu, created from an ordinary HTML list.