Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Wave

Use the wave filter to perform a sine wave distortion of the object along the vertical axis. You can specify:

  • Whether to add the original picture to the waved picture
  • The number of waves to appear in the distortion
  • The strength of the light on the wave effect. Enter a percentage
  • The intensity of the wave effect
  • The offset for the start of the effect. A number of degrees. For example, a value of 25 starts the sine wave effect at 90 degrees

For example:

This HTML…

Displays as…

<div id="WaveId" style="width:100; height:66;
filter:Wave(Add=false, Freq=2,
LightStrength=10, Phase=0, Strength=10)">
<img src="image.jpg" width="100" height="66">
</div>

If you want to see a working example, you can look at the Filter Effects page. This HTML page shows the effects of all the visual filters. For each filter, there is an example. Underneath the example, there is a box for each parameter. You can change the values for the parameter and click on the Change button to see the effect. The Reset button restores the example to the initial state.