CSS3 propriedade perspective-origin
Exemplos
A definição da localização elemento de base 3D:
{
perspectiva: 150;
perspectiva de origem: 10% a 10%;
-webkit-perspectiva: 150; / * Safari e Chrome * /
-webkit-perspective-origin: 10% a 10%; / * Safari e Chrome * /
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
属性 | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
Atributo definições e instruções
Eixo X e Y perspectiva de origem definição de propriedade elemento 3D é baseado. Esta propriedade permite-lhe mudar a posição da parte inferior dos elementos 3D.
perspectiva -Origin definição de atributo, que é um filho de um elemento, perspectiva, e não o próprio elemento.
Nota: Para os usuários do Chrome e Safari: A fim de melhor compreender a perspectiva de atributo!
Para os usuários do Chrome e Safari: A fim demelhor compreender o atributo perspectiva de Origem, veja o exemplo vista .
padrão: | 50% 50% |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.perspectiveOrigin = "10% 10%" |
gramática
valor | descrição |
---|---|
eixo das abcissas | A vista é definido na posição eixo x. Padrão: 50%. Valores possíveis:
|
Eixo y | A definição da posição vista no eixo y. Padrão: 50%. Valores possíveis:
|