Você pode usar 3 métodos para manipulação 3D.
rotateX()
rotateY()
rotateZ()
Ao combinar esse métodos com a propriedade CSS transform as possibilidades serão infinitas.
Primeiro entenda bem os métodos acima.
O método rotateX rotaciona como o texto animado abaixo:
O método rotateY rotaciona como o texto animado abaixo:
O método rotateZ rotaciona como o texto animado abaixo:
O código css aplicado contém o uso de keyframes e animation para controle do movimento. Se você desejar ver o código css aplicado, clique no link no final do post.
Se analisar bem os movimentos e aplicações dos códigos poderá ver que combinando com as possibilidades CSS e usando a imaginação TUDO SERÁ POSSÍVEL.
Nesse post BREVE você viu:
Como fazer uma animação 3D usando keyframes
Autor: Sinval Gomes
Link para o código css de exemplo aplicado aqui...
