opacity

Índice

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.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
order 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
9.0
6.1 -webkit-
17.0

Bibliografía

Quizás te interesen estas propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso