4 ms·

The UI of this web site is very cool. How to make this 3D animation?

• brianshaler 12y ago
  Look up CSS3 3D transformation and transition tutorials for the basics. Then, a 3D tilted stack effect would go something like this: Apply 3d perspective and rotate the parent/container element about the X axis ".container{perspective:400px; transform:rotateX(-45deg);}" (or maybe a positive 45deg) Next, push the children forward along the Z axis ".child{transform: translate3d(0,0,100px);}" Then, add transitions to the properties being changed, z-translate different amounts for different items in the stack, add some interactivity, and you're set.