CSS3 backface-visibilityPropiedad
Ejemplo
Ocultar la parte posterior del elemento div rotado::
div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome 、Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
Pruébalo »
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que admite la propiedad.
Los números precedidos por -webkit-, -ms- o -moz- indican la primera versión del navegador que admite la propiedad con ese prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Definición de etiqueta e instrucciones de uso
La propiedad backface-visibility define si un elemento es visible cuando su parte posterior está orientada hacia la pantalla.
Esta propiedad es útil si no deseas ver la parte posterior de un elemento al rotarlo.
Usuarios de Chrome/Safari: para comprender mejor esta propiedad, consulta la demostración: 。
| Default value: | visible |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object.style.backfaceVisibility="hidden" |
Sintaxis
backface-visibility: visible|hidden;
| Valor | Descripción |
|---|---|
| visible | La parte posterior es visible. |
| hidden | La parte posterior es invisible. |