Electric Type

Multimedia

About Us

News

Help

Image Filtering with CSS

Page 12 — Wave

Wave does one of those trippy distortions that you find so appealing when you're in the college media center after-hours with all your raver friends (ahh, memories). It applies a sine-wave distortion to the filtered object, and is best used in tandem with a script to animate it.

    Filter: Wave(Add=Weather the original object is added back in, Freq=Number of waves, LightStrength=strength of the shading, Phase=phase offset, Strength=strength of the effect)

Add is a Boolean (0 or 1) expression that determines whether the original image gets mixed back into the final effect. Freq (frequency) determines how many "waves" appear in the effect. Light strength effects the lightness and darkness of the sides of the waves. Phase changes the shape of the wave and takes a value between 0 and 360. And Strength determines the amplitude of the wave. This filter can only be applied horizontally, which limits its usefulness.

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.