Gradientes con CSS
Para que necesitamos hacernos un fondo (por ejemplo) con un gradiente si podemos hacerlo con css? Aqui os explico como hacer gradientes con css con la propiedad filterhr{
height: 3px;
border: 3px #fc0 solid;
filter : Alpha(Opacity=100,FinishOpacity=10,Style=2);
width: 250px;
}
Añadiendo este código a nuestra hoja de estilos, si incluimos una barra horizontal en nuestra web, nos aparecerá con un ligero gradiente (cada uno que ajuste los valores de filter como quiera. Quedaria algo asi:
Espero os sirva de utilidad.
Comentarios
Sugerencia: deberías poner un enlace de "Seguir leyendo". (Cambia la etiqueta <bit:anotacion_resumen() /> por <bit:anotacion_seguir_leyendo("Seguir leyendo esta anotación...") />)
Saludos...
David | 21-01-2005 14:37:49
tanke | 21-01-2005 14:42:50
David | 21-01-2005 15:44:58
tanke | 21-01-2005 15:49:04
para los gecko tienes la propiedad -moz-opacity. su valor es un número de 0 a 1 según el grado de transparencia
Zootropo | 23-01-2005 23:06:58
Si, gracias, aunque el efecto deseado no es el mismo con Iexplorer que con Mozilla (muy a mi pesar :S), podemos dotar a un elemento de transparencia en navegadores gecko con las propiedades:
-moz-opacity:0.5;
opacity: 0.5;
Sin la segunda, la primera no funciona (por lo menos en firefox)
tanke | 24-01-2005 00:01:04
-moz-opacity es la propiedad para el motor gecko. opacity a secas es la estándar en css3, creo.
pero que yo sepa gecko no soporta opacity :| si lo hace ahora debe de haber sido hace poco :| y no entiendo entonces por qué dejar -moz-opacity. en cualquier caso debería funcionar sin poner opacity
Zootropo | 25-01-2005 10:27:20
tanke | 25-01-2005 11:51:05
Es que filter no es reconocido como estándar, es propietaria (Microsoft). Al igual que -moz-opacity es propietario de Mozilla.
Christian Meza Villafuerte | 25-05-2005 00:19:45
Daniel m. | 04-03-2006 19:50:09
Comentar
