Propriedade backface-visibility CSS

Definição e uso

A propriedade backface-visibility define se o elemento é visível quando não está voltado para a tela.

Esta propriedade é útil quando se deseja que o lado de trás de um elemento rotacionado não seja visível.

Veja também:

Manual de referência do DOM HTML:Propriedade backfaceVisibility

Exemplo

Ocultar e mostrar a face de trás de dois elementos <div> rotacionados:

#div1 {
  -webkit-backface-visibility: invisível; /* Safari */
  backface-visibility: invisível;
}
#div2 {
  -webkit-backface-visibility: visível; /* Safari */
  backface-visibility: visível;
}

Experimente você mesmo

Sintaxe CSS

backface-visibility: visível|invisível;

Valor do atributo

Valor Descrição
visível A face de trás é visível.
invisível A face de trás é invisível.

Detalhes técnicos

Valor padrão: visível
Herança: não
Versão: CSS3
Sintaxe JavaScript: object.style.backfaceVisibility="hidden"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa propriedade.

Números com -webkit- ou -moz- indicam a primeira versão a usar o prefixo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-