Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Thomas Buchstab
Thomas Buchstab
14,766 Points

The Button is outside of the cube

I have a strange problem with the cube. Everything is working properly in Firefox but if i try to show it in Chrome the Download-Button is outside of the cube. Anyone here who knows how to fix this? I've seen that somebody experienced the same problem months ago but no one was willing to help!

Might help to see the link for it.

3 Answers

You might want to use vendor prefixes. I don't think css transition and tranform are fully supported in all browsers.

We could help more, if we could see your code:)

hmmm it worked for me. I copied and pasted your code on to my code editor and opened it in chrome. I have mac, so maybe it is some type of bug I don't know about. sorry I couldn't be of help.

Elizabeth Stone
Elizabeth Stone
6,469 Points

I was having this same issue too with Chrome. I went in and changed my Chrome settings for font size from "Large" to "Medium" (which I believe is the default setting) and that corrected the issue on my end.