#propriedade filter

[cascading]

Propriedade Filter

Olá! Esta propriedade é ótima para imagens.

Exemplo

Existem 8 tipos desta propriedade, sendo eles:

Grayscale

Blur

Brightness

Contrast

Drop Shadow

Hue Rotation

Invert

Opacity

O corpo do código deste efeito está descrito abaixo. Deve-se colocar as adaptações para outros navegadores, como descrito no último parágrafo deste tutorial:

filter: [tipo](opção);

Basta adicionar o código descrito no exemplo no elemento em que se deseja o efeito.

Observação: É interessante inserir as propriedades de imagem, quando estas estão dentro de uma div qualquer, como no exemplo abaixo:

.div img {width; height; [...]; filter: [tipo](opção); }

(Lembrando que .div é o nome da sua div)

Espero que seja útil.