Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS - Beyond the Basics Understanding CSS Transitions and Transforms 3D Transforms Review

Posted by tomasliashuk
tomasliashuk
8,014 Points

Rendering problems with 3d

Hello, In order to solidify the knowledge gained during first two stages of this course I decided to build some simple 3d animation on codepen. I've included autoprefixer in my pen and started building it in Chrome. Everything went well, until I decided to sample the final animation in Safari. There seems to be a glitch and I cannot get, whether it is a browser' or my fault?

Here is the pen

P/S: A friend of mine opened this animation on his MBP 15 2012 with a dedicated GPU in Safari and it lagged, while mine MBPr 15 with Iris rendered it in Chrome very well and smooth. What might be the problem?

I appreciate any feedback and thank you all in advance!