asp.net.ph

Skip Navigation Links

Drop Shadow Filter Effect

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.

Syntax:
{ filter: dropShadow ( color=color,
   offX=offX, offY=offY, positive=positive ) }
Parameters:

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 

Remarks:

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.

See Also

CSS Filter Properties and Methods



© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note