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 Unused CSS Stages CSS Animations Full-Page Animation Project: Part 2

Kevin Kruk
Kevin Kruk
2,101 Points
Posted by Kevin Kruk
Kevin Kruk
2,101 Points

BG image position being ignored?

Hey, I've got an issue, and i'm not sure what is causing it. I'm using the project files from Full-Page Animation Project - Part 2, adding in code as the lessons plays. But something goes wrong at some point. In the video, the islands are translated 100px down as the animation progresses. Mine, however, not only do not do that, but are also in the wrong position to start with.

I've noticed that if I remove or comment out the keyframe declarations, the position is fine, but with the keyframes included, it seems like the image is being translated -50% on the y axis, as opposed to going from -560px to -460px.

I'm using chrome to test all of this out, which is what i believe Guil is using as well, so i'm a bit confused. So far as I can tell, my code matches what the final product should look like.

Kevin Kruk
Kevin Kruk
2,101 Points
Kevin Kruk
Kevin Kruk
2,101 Points

Oh my lord. I figured it out. I had comma's after the x values. it works fine now -.-''