Electric Type

Multimedia

About Us

News

Help

Image Filtering with CSS

Page 5 — Drop Shadow

This single filter could remove most of the structural abuses that have already begun to crop up with stylesheets. One of the tricks people use with stylesheets is to write a statement twice and then mash the two together so it looks like there's a drop shadow. Of course, as many Web purists point out, you have then made your page unusable, because you've written the sentence twice or more, and that doesn't make sense to someone who can't see the effect.

    Filter: DropShadow(Color=The color of the drop shadow, OffX=How many pixels Horizontally, OffY=How many pixels Vertically, Positive=What gets shadowed, visible or invisible pixels)

Color is the color of the drop shadow, expressed, as always, in hex format (#RRGGBB). OffX and OffY are the number of pixels the drop shadow should be from the object. Positive is a Boolean (0 or 1) value; if "0," then the transparent pixels are shadow; if "1," then the nontransparent pixels are shadowed.

Example:

next page»

Tutorials Home  

CSS Reference  

Regular Expressions  

Image Filtering  

Adding Site Search  

Image Maps  

Browser Detection  

Fundamentals of XSSI  

FTP Tutorial  

HTML 4.0  

User Blogs

Screen Shots

Latest Updates

Contact Us

Valid HTML 4.01!
Valid CSS!

Breadcrumb

© ElectricType
Maintained by My-Hosts.com
Site map | Copyright | Disclaimer
Privacy policy | Acceptable Use Policy
Legal information.