Ejemplo
Ocultar la parte trasera de una rotación <div> elemento:
// Code for Chrome, Safari, Opera
document.getElementById("myDIV").style.WebkitBackfaceVisibility = "hidden";
// Standard syntax
document.getElementById("myDIV").style.backfaceVisibility = "hidden";
Inténtalo tú mismo " Definición y Uso
La propiedad backfaceVisibility define si o no un elemento debe ser visible cuando no está frente a la pantalla.
Esta propiedad es útil cuando se hace girar un elemento, y no quiere ver su parte trasera.
Soporte del 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 por Webkit o Moz especifican la primera versión que trabajó con un prefijo.
Propiedad | |||||
---|---|---|---|---|---|
backfaceVisibility | 36.0 12.0 Webkit | 10.0 | 16.0 10,0 Moz | 4.0 Webkit | 23.0 15.0 Webkit |
Nota: El cromo (12-35) , Safari y Opera 15+ apoyar una alternativa, la propiedad WebkitBackfaceVisibility.
Sintaxis
Devolver la propiedad backfaceVisibility:
object .style.backfaceVisibility
Establecer la propiedad backfaceVisibility:
object .style.backfaceVisibility="visible|hidden|initial|inherit"
Valores de propiedad
Valor | Descripción |
---|---|
visible | Valor por defecto. La parte trasera es visible |
hidden | La parte trasera no es visible |
initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
Valor por defecto: | visible |
---|---|
Valor de retorno: | Una cadena, que representa la propiedad de la cara posterior-visibilidad de un elemento |
Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: backface-visibility property
<Estilo de objeto