IE and IE-based Opacity Effects (Non-standard)

In this code you can do four types of fade effects.

  1. The regular one (just faded out).
  2. The Linear Fade.
  3. The Omni Fade.
  4. The Radial Fade.

Figure 1

filter: alpha(opacity=50);

Figure 2

Filter: alpha(opacity=100, style=1);

Figure 3

Filter: alpha(opacity=100, style=2);

Figure 4

Filter: alpha(opacity=100, style=3);

Example

1

2

3

4

Advanced

filter: alpha(opacity=??, FinishOpacity=??, Style=??, StartX=??, StartY=??, FinishX=??, FinishY=??);
Replace "??" with a number.

Note: If you were to use a table to do these effects, it would effect everything that's in the table, even text. Not sure about other block-level elements. (I'm not an IE person. :P)

Mozilla and Mozilla-based Opacity Effects (Non-standard)

-moz-opacity: .5;

Konqueror (or Webkit) Opacity Effects (Non-standard)

-khtml-opacity: .5;

CSS3

opacity: .5;

Note: Supported by Opera.