Foros del web, para los que viven de bits

emiliano espinosa · 18-oct-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 · 18-oct-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 · 18-oct-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 · 18-oct-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.

18-oct-2006, 03:07	#1 (permalink)
emiliano espinosa Fecha de Ingreso: mayo-2006 Mensajes: 192	¿Podrían aclararnos la Faq's #15? 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 .....

18-oct-2006, 12:13	#4 (permalink)
emiliano espinosa Fecha de Ingreso: mayo-2006 Mensajes: 192	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. Última edición por emiliano espinosa; 18-oct-2006 a las 12:22.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

18-oct-2006, 10:35	#2 (permalink)
emiliodeg Fecha de Ingreso: septiembre-2005 Ubicación: Córdoba Mensajes: 984	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

18-oct-2006, 11:40	#3 (permalink)
Rafael Fecha de Ingreso: marzo-2003 Mensajes: 1.050	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.