Alex Hart's profile

Building a 3D plane with just CSS

I love pure CSS exercises, even when they don't generate the most elegant or practical front-end code. It's a neat thought experiment to design and build an interaction using only structure and presentation.
These CSS buttons aren't anything fancy, but it was really fun to think through how to create transitions that show a user the feedback they expect. 
Overlapping transitions can be visually distracting. This was an experiment to see if I could create a 3D animation effect on overlapping elements that aren't confusing or muddled. 
Building a 3D plane with just CSS
Published:

Building a 3D plane with just CSS

Published: