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