Interface interativa
para estudo das funcionalidades CSS para visualização de sólidos

Propriedade animation-play-state

Pause:
Animate: (default)

Propriedade perspective
(coordenada Z do observador)

Dica: com a animação "pausada" (em diferentes posições) observa-se melhor o efeito desta propriedade.

200px:
500px:
1500px: (checked)
5000px:
10000px:

Dimensões e opacidade

15vw
35vh
0.85

Propriedade perspective-origin
coordenadas left top do observador
(mouseover pausa a animação)

back

top

bottom

left

right

front