So, You Want A Wave, Huh?
WEBINAR: On-demand webcast
How to Boost Database Development Productivity on Linux, Docker, and Kubernetes with Microsoft SQL Server 2017 REGISTER >
Let me give you an example of what this filter can do: The code:
<DIV STYLE="width:350;height:70;filter:wave(strength=4, freq=2, lightstrength=40, add=0, phase=20)">
<FONT SIZE=+3>Here's What You Get.</FONT></DIV>
...gives you this:
Now, let's apply the same parameters to an image. The code looks like this:
<DIV STYLE="width:350;height:70;filter:wave(strength=4, freq=2, lightstrength=40, add=0, phase=120)">
...and gives you this:
The real fun of this filter is setting the parameters to differing levels of intensity. Go nuts! Here's what each one means and how you can set it. Just follow the format in the code examples above.
- add: Do you want the original image added to the mix? Use 0 for no and 1 for yes.
- enabled : Is the effect turned on or not? Use 0 for no and 1 for yes.
- freq: How many waves do you want?
- lightStrength: How much light intensity do you want?
- phase: Sets the phase where the waving begins. If you try different numbers, you'll set the difference.
- strength: How strong do you want the filter?
Keep in mind that this effect only works on IE browsers 4.0 or better, but feel free to use the commands regardless. Browsers that do not understand the commands will happily ignore them.