O filtro Gradiente

O filtro gradiente é um filtro do Windows cuja função é criar um gradiente de cores em um elemento de HTML (plano de fundo de uma tabela, de um e-mail, de uma página de web, etc.).

O comando base de aplicação do filtro gradiente é esse:

FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#808000', EndColorStr='#fafae4')

Seus atributos são:

GradientType - que pode assumir os valores 0 ou 1

. com o valor 0 o gradiente aplicar-se-á no sentido vertical

. com o valor 1 o gradiente aplicar-se-á no sentido horizontal.

StartColorStr - esta é a variável que controla a cor de início do gradiente;

EndColorStr - esta é a variável que controla a cor de fim do gradiente.

Pegue AQUI o modelo para testar os atributos do filtro gradiente.

1 - Abra o arquivo .eml, dê Encaminhar.

2 - Clique na aba Origem e localize o código de aplicação do filtro:

FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ae9ccd', EndColorStr='#fefefe');

3 - Faça os testes abaixo, sempre um de cada vez e olhando na aba Visualizar para ver o que acontece:

a) altere o valor do GradientType=1 para ZERO

b) altere a cor inicial StartColorStr='#ae9ccd' para a cor vermelha. Você pode indicar a cor pelo nome em inglês "RED" ou pelo código hexadecimal #ff0000

c) altere a cor final EndColorStr='#fefefe' para a cor #40ff40 (um tom de verde-limão).

d) Inverta agora as cores: coloque o verde-limão como cor inicial e o vermelho como cor final.

Compreendido como funciona esse filtro? Se já compreendeu os atributos do filtro gradiente pode fechar o modelo teste sem salvar.

Observações:

1 - O filtro gradiente pode ser aplicado no plano de fundo de uma tabela, como veremos em algumas lições do nível Avançado.

2 - O filtro gradiente também pode ser aplicado no plano de fundo do email

Basta acrescentar o filtro no tag <body> nesta parte:

<BODY
style="FILTER: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ae9ccd, endColorstr=#fefefe)"
bgColor=#ffffff>

Pegue AQUI um exemplo de aplicação do filtro gradiente no plano de fundo de um e-mail.

 

Helena Monteiro e Zoia Sales Cavalcante