Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida no Ex. 5 da Aula 4 - Transformações

Não sei se entendi bem o conceito do eixo Z, mas quando estudei este tipo de coisa, este eixo se tratava da profundidade de determinado item na tela. Porém, o único efeito que eu consigo é de "negrito" na imagem.

Alguém poderia me explicar o funcionamento disso tudo e o uso de perspective e translateZ?

2 respostas
solução!

Bem, o item PERSPECTIVE vai "Criar" o ambiente 3-D.

Vejamos se consigo explicar. Ele se você aplicar Perspective 10px a seu body, ele vai ter 10px de profundidade. Assim você pode colocar seus elementos nesses 10 px com o TranslateZ.

Fiz um pequeno exemplo aqui, bem simples com um circulo verde em um fundo colorido.

http://codepen.io/lCavazzani/full/reJbZO/

Sim, muito obrigado. Eu consegui entender melhor o conceito e como usar no exercício em que pede para fazer o cubo.

Muito obrigado.