Boa noite pessoal.
Alguém consegue me explicar o que faz exatamente esse atributo? Sei que sem ele as palavras ficam desorganizadas e tal, mas não entendi o que ele faz de fato e o porque desses valores, o que eles querem dizer. Se alguem souber explciar fico agradecido.
Boa tarde Victor!
A propriedade perspective-origin: define a origem da perspectiva (visão) de um elemento 3D, ou seja em que pontos (x e y) teremos a visão de um objeto 3D. Existe apenas na CSS versão 3.
Funciona somente em navegadores bem modernos. (não funciona no internet explorer por exemplo). Para entender melhor veja o link abaixo como exemplo: http://www.w3schools.com/cssref/trycss3_perspective-origin_inuse.htm
Nos navegadores Safari, Opera e Google Chrome podemos definir a propriedade como: -webkit-perspective-origin: 10% 10%
Definimos cada ponto (x ou y) com os seguintes valores:
left (deixa o objeto com impressão de visão pela esquerda)
center (deixa o objeto com impressão de visão centralizada)
right (deixa o objeto com impressão de visão pela direita)
% (definido pela porcentagem do tamanho total do objeto 3D e sua página ou DIV)
O valor padrão da propriedade é 50%
Abraço!