Propriedade de visibilidade de backface CSS
Exemplo
Oculte e mostre a face traseira de dois elementos <div> girados:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definição e uso
A backface-visibility
propriedade define se a face posterior de um elemento deve ou não ficar visível quando voltada para o usuário.
A face posterior de um elemento é uma imagem espelhada da face frontal que está sendo exibida.
Esta propriedade é útil quando um elemento é girado. Ele permite que você escolha se o usuário deve ver a face traseira ou não.
Para entender melhor esta propriedade, veja uma demonstração .
Valor padrão: | visível |
---|---|
Herdado: | não |
Animavel: | não. Leia sobre animáveis |
Versão: | CSS3 |
Sintaxe JavaScript: | objeto .style.backfaceVisibility="hidden" |
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Números seguidos por -webkit- ou -moz- especificam a primeira versão que funcionou com um prefixo.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Sintaxe CSS
backface-visibility: visible|hidden|initial|inherit;
Valores de propriedade
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
Referência HTML DOM: propriedade backfaceVisibility