Definición de .opacity utilizado en CSS
La propiedad .opacity
en CSS especifica cuán transparente es un elemento.
Caso de uso de opacity
Esta propiedad de CSS se emplea de esta forma:
div {
opacity: 0.5;
}
Otro ejemplo más avanzado de .opacity es el siguiente de CODEPEN:
Sintaxis de .opacity en CSS
opacity: number|initial|inherit;
Exploradores compatibles con .opacity
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
order | 29.0 21.0 -webkit- | 11.0 | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |