The following is a list of some of the filter properties, and what they do.
1. Alpha - sets the opacity of the element
2. Blur - makes the element blur
3. Chroma - makes the specified color transparent
4. Fliph - flips the element horizontally
5. Flipv - flips the element vertically
6. Glow - makes the element glow
7. Gray - renders the element in black and white
8. Invert - renders the element in its reverse color and brightness values
9. Mask - renders the element with the specified background color, and transparent foreground color
10. Shadow - renders the element with a shadow
11. Dropshadow - renders the element with a dropshadow
12. Wave - renders the element like a wave
13. Xray - renders the element in black and white with reverse color and brightness values
There are different arguments each of these properties attain. Here's a list of each of their attributes:
1. Alpha:
-opacity
-finishopacity
-style
-startx
-starty
-finishx
-finishy
2. Blur:
-add
-direction
-strength
3. Chroma:
-color
4. Fliph:
-none
5. Flipv:
-none
6. Glow:
-color
-strength
7. Gray:
-none
8. Invert:
-none
9. Mask:
-color
10. Shadow:
-color
-direction
11. Dropshadow:
-color
-offx
-offy
-positive
12. Wave:
-add
-freq
-lightstrength
-phase
-strength
13. Xray:
-none
Now that we have named the attributes for the above arguments, let's add them into our DHTML CSS property. For the examples, we'll use h1 as the element we want to change.
Alpha
{
filter:alpha(opacity=20, finishopacity=100, style=1, startx=0,
starty=0, finishx=140, finishy=270);
}
Blur
{
filter:blur(add=true, direction=90, strength=6);
}
Chroma
{
filter:chroma(color=#ff0000)
}
Fliph
{
filter:fliph;
}
Flipv
{
filter:flipv;
}
Glow
{
filter:glow(color=#ff0000, strength=5);
}
Gray
{
filter:gray;
}
Invert
{
filter:invert;
}
Mask
{
filter:mask(color=#ff0000);
}
Shadow
{
filter:shadow(color=#ff0000, direction=90);
}
Dropshadow
{
filter:dropshadow(color=#ff0000, offx=5, offy=5, positive=true);
}
Wave
{
filter:wave(add=true, freq=1, lightstrength=3, phase=0, strength=5);
}
Xray
{
filter:xray;
}

Sign In
Register
Help
Start a new topic

MultiQuote







