Ejemplo
Ocultar la parte trasera de una girado <div> elemento:
div
{
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
Inténtalo tú mismo " Definición y Uso
La propiedad del frente de refuerzo visibilidad define si un elemento debe ser visible sin estar frente a la pantalla.
Esta propiedad es útil cuando se hace girar un elemento, y no quiere ver su parte trasera.
Para entender mejor esta propiedad, ver una demostración .
| Valor por defecto: | visible |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS3 |
| la sintaxis de JavaScript: | object .style.backfaceVisibility="hidden" Try it |
Soporte para el 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 funcionaba con un 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- |
sintaxis CSS
backface-visibility: visible|hidden|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| visible | Valor por defecto. La parte trasera es visible | Juegalo " |
| hidden | La parte trasera no es visible | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
Referencia HTML DOM: backfaceVisibility property