[Morgan]

The filter properties in a DHTML CSS element, are used to add styles and effects to text or images.

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

CODE

h1
{
filter:alpha(opacity=20, finishopacity=100, style=1, startx=0,
starty=0, finishx=140, finishy=270);
}

Blur

CODE

h1
{
filter:blur(add=true, direction=90, strength=6);
}

Chroma

CODE

h1
{
filter:chroma(color=#ff0000)
}

Fliph

CODE

h1
{
filter:fliph;
}

Flipv

CODE

h1
{
filter:flipv;
}

Glow

CODE

h1
{
filter:glow(color=#ff0000, strength=5);
}

Gray

CODE

h1
{
filter:gray;
}

Invert

CODE

h1
{
filter:invert;
}

Mask

CODE

h1
{
filter:mask(color=#ff0000);
}

Shadow

CODE

h1
{
filter:shadow(color=#ff0000, direction=90);
}

Dropshadow

CODE

h1
{
filter:dropshadow(color=#ff0000, offx=5, offy=5, positive=true);
}

Wave

CODE

h1
{
filter:wave(add=true, freq=1, lightstrength=3, phase=0, strength=5);
}

Xray

CODE

h1
{
filter:xray;
}

[Kristopher]

Nice tutorial!

[Marie]

Yep, very nice. Thanks Morgan :-).

[Redneck]

Good one Morgan!. Can we use this one to submit into sites?

[Morgan]

Feel free to use any tutorials I post to submit to other websites, such as Pixel2Life, etc...

[Redneck]

But is this tutorial in any other website or just here?

[Morgan]

I have it on a different forum I'm a part of.

[underpxu!.ctp]

Wow, so.
I can use this stuff, to do all the nifty photoshop effects? XD

Thanks alot Morganator.

[Kristopher]

yep that is correct!

[Barry]

does this work in all browsers?

[helloyersss]

viagra
buy cialis
order soma online
order tramadol
valium
buy xanax online
buy ambien
meridia online
xenical
phentermine
propecia
buy generic acomplia