Video: Imagen de fondo con capa transparente utilizando css 2024
La opacidad o transparencia es un efecto nuevo en CSS3. Los diseñadores están realmente en las primeras etapas de experimentar con este efecto. En CSS3, la transparencia se define asignando un valor a la propiedad de opacidad . Un objeto completamente opaco oculta por completo lo que está detrás de él; los objetos que no son completamente opacos son parcialmente transparentes o transparentes.
Definir fondos semitransparentes para los elementos de diseño de página con CSS3 presenta algunas opciones interesantes para los diseñadores web. Los fondos semitransparentes a menudo se usan, por ejemplo, en listas desplegables. Allí, los elementos del menú desplegable tienen. 5 opacidad asignada (son 50% transparentes). Como resultado, el contenido de la página subyacente permanece visible cuando se despliega un menú.
La propiedad de opacidad se define con un valor que va desde 0 (completamente invisible) a 1 (completamente opaco; no transparente en absoluto). Entonces, por ejemplo, un valor de opacidad de. 8 hace un objeto 80 por ciento opaco, y así sucesivamente.
La propiedad de opacidad no requiere prefijos para diferentes navegadores. La sintaxis es simple:
opacidad:. x
La lista desplegable que se muestra, por ejemplo, se define como tal:
. menu_box {background-color: # 999; relleno: 2px; color: # 333333; opacidad:. 5;}