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

Cynthia Norwood
Cynthia Norwood
Front End Web Development Techdegree Graduate 15,201 Points

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
170,254 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".

Cynthia Norwood
Cynthia Norwood
Front End Web Development Techdegree Graduate 15,201 Points

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 !!! :-)