Publicado el Jueves, 5 de Marzo del 2009 por David Táboas
Transparencias con CSS
Si queréis aplicar transparencia a los elementos en CSS podéis hacerlo fácilemente sin tener que recurrir a dos imágenes.
CSS:
-
elemento {
-
filter: alpha(opacity=50); /* Internet Explorer 7 */
-
-khtml-opacity: 0.5; /* khtml, version anterior de safari */
-
-moz-opacity: 0.5; /* Firefox, Mozilla, Netscape */
-
opacity: 0.5; /* Safari, Chrome, Opera */
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Internet Explorer 8 */
-
}
Podéis combinarlo como mejor veáis y seguro que da mucho juego en vuestros diseños. Yo personalmente lo utilizo con algunos elementos para resaltar algo cuando se pasa en ratón por encima.
VÃa | Ayuda WordPress
Posts relacionados
- Colección de png,s transparentes
- Tutorial: hacer iconos estilo carpetas Windows Vista
- Nueva opción para transparencias png en IE6
1 Comentario
Dejar un comentario
[...] de CSS: Bordes redondeados y Transparencias - Sencillos y efectivos tutoriales tanto para el programador avanzado como para el que empieza [...]