Definición de .backface-visibility en CSS
La propiedad .backface-visibility se relaciona con las transformaciones 3D. Con las transformaciones 3D, puede rotar un elemento, por lo que lo que consideramos como el «frente» de un elemento ya no enfrenta la pantalla. Por ejemplo, esto voltearía un elemento lejos de la pantalla:
Ejemplo de uso de backface-visibility
Si te gustaría emplear esta propiedad de CSS en tu hoja styles.css, hazlo de la siguiente forma:
.flip {
transform: rotateY(180deg);
}Otro ejemplo más avanzado de .backface-visibility es el siguiente de CODEPEN:
Sintaxis de .backface-visibility en CSS
backface-visibility: visible|hidden|initial|inherit;Exploradores compatibles con .backface-visibility
Los números de la tabla detallan la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
