Atributo backface-visibility CSS

Definición y uso

La propiedad backface-visibility define si es visible o no cuando el elemento no está orientado hacia la pantalla.

Esta propiedad es útil si no se desea ver la cara posterior de un elemento girado.

Véase también:

Manual de referencia del DOM HTML:Propiedad backfaceVisibility

Ejemplo

Ocultar y mostrar la cara posterior de dos elementos <div> girados:

#div1 {
  -webkit-backface-visibility: oculto; /* Safari */
  backface-visibility: oculto;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

Prueba personalmente

Sintaxis de CSS

backface-visibility: visible|oculto;

Valor del atributo

Valor Descripción
visible La cara posterior es visible.
oculto La cara posterior es invisible.

Detalles técnicos

Valor predeterminado: visible
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: objeto.style.backfaceVisibility="oculto"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -webkit- o -moz- indican la primera versión que utiliza el prefijo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-