Olá Pessoal!

Muitas pessoas buscam este efeito e não têm idéia de como pode ser feito, neste artigo estarei comentando sobre todas as funções do código e mostrarei alguns exemplos.

Vamos ao trabalho!

- Estudo do código

style="filter:alpha(Opacity =?, FinishOpacity =?, style =?, StartX =?, StartY =?, FinishX =?, FinishY=?);"

Opacity=?
Ajusta a opacidade do campo.
0 = invisível / 100 = visível

FinishOpacity =?
Ajusta a opacidade para o fim do campo.
0 = invisível / 100 = visível

StartX =?, StartY =?, FinishX =?, FinishY =?
Ajusta as coordenadas para a opacidade no começo ou no final do campo.

Estilo =?
Ajusta o tipo de gradiente
1 = linear , 2 = radial ou 3 = retangular

- Exemplos

Gradiente Linear

Gradiente Radial

Gradiente Retangular

- Efeito Mouseover

Utilizando estas técnicas também podemos criar um efeito mouseover em células ou em uma figura qualquer, veja os exemplos:

Efeito mouseover

Bom pessoal, espero que tenha gostado !

Abraços...