Exemplo
Esconder a parte traseira de um rodado <div> elemento:
div
{
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
Tente você mesmo " Definição e Uso
A propriedade backface visibilidade define se ou não um elemento deve ser visível quando não estiver de frente para o ecrã.
Esta propriedade é útil quando um elemento é girada, e você não quer ver sua parte traseira.
Para entender melhor esta propriedade, ver uma demonstração .
| Valor padrão: | visible |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.backfaceVisibility="hidden" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguido por -webkit- ou -moz- especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| backface-visibility | 36,0 12,0 -webkit- | 10.0 | 16,0 10,0 -moz- | 9 4.0 -webkit- | 23,0 15,0 -webkit- |
CSS Syntax
backface-visibility: visible|hidden|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| visible | Valor padrão. A parte traseira é visível | Jogue " |
| hidden | A parte traseira não é visível | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
HTML DOM de referência: backfaceVisibility property