A propriedade CSS perspective

Definição e uso

A propriedade perspective define a distância do elemento 3D em relação ao ponto de vista, em pixels. Esta propriedade permite que você altere o ângulo de visualização do elemento 3D.

Quando se define a propriedade perspective para um elemento, seus elementos filhos recebem o efeito de perspetiva, não o elemento em si.

Nota:A propriedade perspective afeta apenas os elementos de conversão 3D.

Dica:Consulte perspective-origin Para alterar a posição inferior do elemento 3D, use a propriedade juntamente com a propriedade.

Veja também:

Tutorial CSS3:Transformação 3D do CSS3

Manual HTML DOM:propriedade perspective

Exemplo

Define a vista do elemento onde ele é visualizado:

div
{
perspective: 500;
}

Experimente você mesmo

Sintaxe CSS

perspective: número|none;

Valor da propriedade

Valor Descrição
número Distância do elemento ao ponto de vista, em pixels.
none Valor padrão. Igual a 0. Não configura perspetiva.

Detalhes técnicos

Valor padrão: none
Herança: sim
Versão: CSS3
Sintaxe JavaScript: objeto.style.perspective=500

Suporte do navegador

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

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

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-