Cómo aplicar la opacidad / transparencia en css3

Video: Imagen de fondo con capa transparente utilizando css

La opacidad o transparencia es un nuevo efecto en CSS3. Los diseñadores están realmente en las primeras etapas de la experimentación con este efecto. En CSS3, la transparencia se define mediante la asignación de un valor a la propiedad de opacidad. Un objeto totalmente opaca oscurece por completo lo que está detrás de los objetos IT- que no son totalmente opacas, parcialmente transparente, o transparente.

Video: Curso de CSS Básico - Avanzado #49- Transparencias (opacidad)

La definición de fondos semitransparentes para los elementos de diseño de página con CSS 3 presenta algunas opciones interesantes para diseñadores web. fondos semitransparentes se utilizan a menudo, por ejemplo, en las listas desplegables. Allí, los elementos del menú desplegable tienen asignado 0,5 opacidad (son el 50 por ciento de transparencia). Como resultado, el contenido de la página subyacente permanece visible cuando un menú se despliega.

La propiedad de opacidad se define con un valor que va desde 0 (Completamente invisible) a 1 (completamente opaco- no transparente en absoluto). Así, por ejemplo, un valor de opacidad de 0,8 hace que un objeto opaco 80 por ciento, y así sucesivamente.

La propiedad de opacidad no requiere prefijos para diferentes navegadores. La sintaxis es simple:

opacidad: .x

La lista desplegable muestra, por ejemplo, se define como tal:

Video: Efecto de Opacidad en HTML y CSS

.menu_box {background-color: # 999-padding: 2px; color: # 333333-opacidad: .5-}