Propriedades CSS - Filtros e efeitos

[©JOÃO GABRIEL MARQUES 0]

Olá, boa tarde a todos...espero estar postando no fórum adequado à minha dúvida! rsrs

 

Bom, trata-se do seguinte: eu visitei o novo site da rádio Nova Brasil FM, e óbvio, como um curioso profissional, abri o código CSS da página, pois gostei muito do layout. O designer usou umas propriedades CSS que eu nunca tinha visto antes (para criar o famoso efeito Alpha, em imagens) e, obviamente, não sei usá-las (por enquanto). Gostaria que alguém pudesse fazer uma descrição sobre essas propriedades:

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
-moz-opacity:.70;
opacity:.70;

Alguém sabe me dizer como funcionam essas propriedades? O que cada uma faz?

 

Valeuuuuu!

 

[William Bruno 1501]

São propriedades proprietárias.

as que começam com:

-moz são da fundação Mozzila, reconhecida pelo FireFox e tal..

essa -ms-filter, e a -filter, são reconhecidas pelos Internet Explorer.

 

Essas aqui fazem a mesma coisa:

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
-moz-opacity:.70;
opacity:.70;

Ele só usou quatro vezes, de formas diferentes para garantir que vários browsers suportasse.

A opacity faz isso mesmo que o nome sugere, dá uma opacidade de 0 à 1 em elementos. Se não me engano é CSS3, mas só o Opera e Safari(browers mais modernos), suportam ela.

 

As 2 primeiras é a primeira vez que vejo, mas procurando na documentação do FireFox talvez você encontre algo.

Enfim, não é recomendado usar esse tipo de "código proprietário"... existem outras alternativas.

[Aprendiz CSS 3]

a

 

-webkit

 

é para o safari

 

abraço

[olliver 0]

Bom dia...

 

Aproveitando o tópico do João, eu uso o seguinte código:

 

filter: alpha(Opacity=70, FinishOpacity=100, Style=1, StartX=0, StartY=90, FinishX=0, FinishY=5); /* IE filter */
opacity: 0.85; /* MZ FF filter */

o -moz-opacity:.70; funciona, mas não é validado pelo W3C, então usei o opacity: 0.85; funcionou normalmente e foi validado.

To com um problema com filtro que uso pro IE ( filter: alpha(Opacity=70, FinishOpacity=100, Style=1, ... blablabla ), ele funciona normalmente (tem o efeito alpha com estilo linear) MAS TAMBÉM NÃO É VALIDADO PELO W3C.

Testei outros códigos, inclusive os indicados pela MS (http://msdn.microsoft.com/en-us/li.....) e também esse da Radio Nova Brasil FM, mas nenhum foi validado pelo W3C...

 

Alguém sabe de algum código válido em CSS2?

Estou usando CSS2...

 

Valeu.

Rafael.

[Aprendiz CSS 3]

Esses efeitos proprietarios nunca serão validos!

 

o W3C diz a base para se fazer as coisas, os navegadores fazem códigos proprietários para melhorar a forma como é exibido

 

para fazer esse efeito

 

filter: alpha(Opacity=70, FinishOpacity=100, Style=1, StartX=0, StartY=90, FinishX=0, FinishY=5)

utilize o Jquery

 

abraço

[olliver 0]

Cara,

fuçei em alguma coisa de jquery mas não funcionou ainda...

ele ainda retorna com erro de validação, mesma coisa.

 

Já testou alguma coisa assim?

 

Obrigado

[Aprendiz CSS 3]

mostre-nos o link para tentarmos ver o que pode ser, ou informe o erro

 

abraço