Sí, yo de nuevo. Es que este tema da para mucho.
No encontré el ejemplo que cambiaba los colores, así que hice uno nuevo; no quedó tan bien, pero se entiende
Gif animado; con velocidad, secuencia y color aleatorios.
Y también puse un ejemplo de capa degradada o gradiente (con transparencia progresiva) y sin imagen para
Firefox Opacidad degradada en Firefox ( como alpha (type=) ).
Ahora, lo que me trae de vuelta, es un código que no funciona en
Mozilla y supuse que lo haría
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head><title>HSLA</title></head>
<body style="background-image:url('http://www.forosdelweb.com/images/top_right.gif'); background-attachment:fixed; ">
<table style="background-color:-moz-hsla(0, 100%, 50%, 0.5); background-color:hsla(0, 100%, 50%, 0.5); margin-top:250px; border:solid 5px #ffff00;
margin-left:50px; filter:alpha(opacity=50); /background-color:rgb(100%, 0, 0);">
<tr>
<td style="background-color:transparent; margin:15px;">
<span style="font-size:60px; font-weight:900; color:#000000; position: relative;">QWERTYUIOP</span>
</td>
</tr>
</table>
<p style="margin-top:800px;">.</p>
</body>
</html>
Como se ve, reconoce
hue, saturation y
lightness , pero no
alpha. Recordemos que el filtro de
Microsoft se aplica a objetos, y por eso el ejemplo necesita un contenedor y su fondo transparentados, con un contenido opaco. En cambio
-moz-hsla (o
rgba) le quita opacidad al color de fondo sin modificar el resto del objeto.
Quiero creer que algún desarrollador de
FF ya liberó un parche o actualización para usar esta función CSS, pero oficialmente no hay muchos datos
Mozilla CSS Extensions - MDC. -moz-hsla hsla .
Si alguien sabe cómo ver el efecto, nos avisa.
HSLA color values Edición : En
Firefox 3.05 ya anda; y en
Chrome 2.0 /
Safari 31. Windows, sin el prefijo. El código tiene un hack para
IE7.