¿Podrían aclararnos la Faq's #15?

emiliano espinosa · #1 (**permalink**) 18/10/2006, 03:07

Hola amigos, podrían ser más explícitos en la Faq's #15, aquella que habla del uso de los Filtros Alpha; Core nos comparte el código y da ejemplos, pero para los que apenas aprendemos .... pues no entendimos nada .... claro que no lo he encontrado en los tutos que he visitado.
Gracias.....

Cita:

Iniciado por CORE

Podemos aplicar efectos de trasnparencia usando CSS con el siguiente codigo:

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

Ejemplos;

Estilo1 :
style="width:120; color:#FFFFFF; filter:alpha(finishopacity=0, style=1)"

Estilo2:
style="width:120; color:#FFFFFF; filter:alpha(finishopacity=0, style=2)"

Estilo3:
style="width:120; color:#FFFFFF; filter:alpha(finishopacity=0, style=3)"

Estos estilo funcionan tambien en imagenes

Estilo1:
style="filter:alpha(finishopacity=0, style=1)"

Efecto Mouseover
onMouseOver="this.filters.alpha.opacity='100'" onMouseOut="this.filters.alpha.opacity='50'" style="filter:alpha(opacity=50);-moz-opacity:50%;"

No entendí nada .....

emiliodeg · #2 (**permalink**) 18/10/2006, 10:35

facil es para darle trasparencia a los objetos ya sea por ejemplo un bloque div o una iamgen

explico un poquito mejor
filter:alpha(Opacity=??, FinishOpacity=??, Style=?, StartX=??, StartY=??, FinishX=??, FinishY=??);

opacity= la opacidad con la q comienza
FinishOpacity= opacidad con la q debe terminar
style= tipo de "corte" 1: horizontal 2: elipse 3: diagolanes principales
startx/y finishx/y donde queres q comience y termine el efecto

espero te sirva la ayuda
saludos
PD solo me funciono en IE

Rafael · #3 (**permalink**) 18/10/2006, 11:40

El ejemplo con palitos y bolitas:

Cita:

<html><head></head>

<body>
<p style="width:120; background-color:#FF6666; filter:alpha(finishopacity=0, style=1)">
Hola mundo
</p>
</body></html>

Cópialo y pruebalo en una página, velo en Ie y verás que pasa.

emiliano espinosa · #4 (**permalink**) 18/10/2006, 12:13

Y start x/y y finish x/y, ¿cómo las obtengo? (supongo que son las coordenadas del objeto de mi transparencia) si yo estoy partiendo de que hago mi código en un block de notas. Excelente explicación y demostración, gracias a los dos.