Propiedad CSS backface-visibility
Ejemplo
Oculte y muestre la cara posterior de dos elementos <div> girados:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definición y uso
La backface-visibility
propiedad define si la cara posterior de un elemento debe ser visible o no cuando mira al usuario.
La cara posterior de un elemento es una imagen reflejada de la cara frontal que se muestra.
Esta propiedad es útil cuando se gira un elemento. Te permite elegir si el usuario debe ver la cara posterior o no.
Para comprender mejor esta propiedad, vea una demostración .
Valor por defecto: | visible |
---|---|
Heredado: | No |
Animable: | No. Leer sobre animable |
Versión: | CSS3 |
Sintaxis de JavaScript: | objeto .style.backfaceVisibility="oculto" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- o -moz- especifican la primera versión que funcionó con un prefijo.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Sintaxis CSS
backface-visibility: visible|hidden|initial|inherit;
Valores de propiedad
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Referencia HTML DOM: propiedad backfaceVisibility