T
19
c/css-art-clubrowanp15rowanp153d agoProlific Poster

Tried making a 3D rotating cube in pure CSS and ended up with a glitched mess

Spent 4 hours last night following a CodePen tutorial for a 3D cube animation with perspective and transforms. Got everything lined up on the faces but when I added the rotation, the back face kept clipping through the front in this weird jagged way. Turns out I forgot to set backface-visibility hidden on the back panel. Learned that CSS 3D transforms need every single property set or it falls apart. Anyone else waste hours on something this simple?
2 comments

Log in to join the discussion

Log In
2 Comments
blair_butler47
I wasted a whole weekend on that exact same issue once, welcome to the club.
5
hugo37
hugo373d ago
Got a t-shirt that says "I survived a weekend of this" with a list of error codes on the back.
2