CSS Attributes Index CSS Filters
Paints a solid silhouette of the selected visual object, offset in the specified direction. This creates the illusion that the visual object is floating above the page and is casting a shadow onto the page.
{ filter: dropShadow ( color=color,
offX=offX, offY=offY, positive=positive ) }
color |
Specific color for the drop shadow effect. Color is expressed in #RRGGBB format, where RR is the red hexadecimal value, GG is the green hexadecimal value, and BB is the blue hexadecimal value. |
offX |
Number of pixels the drop shadow is offset from the visual object, along the x-axis. Expressed in integers. Positive integers move the drop shadow to the right. Negative integers move the drop shadow to the left. |
offY |
Number of pixels the drop shadow is offset from the visual object, along the y-axis. Expressed in integers. Positive integers move the drop shadow down. Negative integers move the drop shadow up. |
positive |
Boolean. A true ( nonzero ) value, the default, creates a drop shadow of any nontransparent pixel of the visual object. If false ( zero ), drop shadows are created for any transparent pixel of the visual object. |
Show me
If you have a transparent object but still want the usual shadow effect, set positive to zero. The transparent object will have a drop shadow outside the transparent region, rather than a drop shadow inside the transparent region.
CSS Filter Properties and Methods