3 ms·
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 r
by 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.