CSS CSS Transitions and Transforms Adding 3D Effects with CSS Build a Rotating 3D Cube

My cube is not looking quite right?? Any ideas???

I am following along and went over this 2x now, but my cube looks very wrong??? See snapshot

https://w.trhou.se/nzp26lpb24

3 Answers

Steven Parker
Steven Parker
163,370 Points

On line 25 of "interactions.css" you have "perserve-3d" instead of "preserve-3d".

Also, on line 30 you have "rotateX" which is kind of an interesting effect, but you probably want "rotateY".

Thanks Steven it was the misspelling of perserve and preserve that fixed it. Ghuil changes from rotateY to rotateX at the end of the video so I will leave that X in there. Thank you !!! :-)

Done thx