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!

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 3

Anhar Al Yamani
Anhar Al Yamani
3,196 Points
Posted by Anhar Al Yamani
Anhar Al Yamani
3,196 Points

Break line in repeating background image

Hi

I'm working on full page animation image and when I repeat the background image a breaking line appear between the repeating images. How I could remove it?

2 Answers

Sean T. Unwin
Sean T. Unwin
28,686 Points
Sean T. Unwin
Sean T. Unwin
28,686 Points

You may have to take a look at the image to see if there are any gaps or empty space near the edges of the image and the bounding box of the image. For example, if there is even 1px of white or transparent space at the top of the image you will see lines when it is repeated vertically.

Anhar Al Yamani
Anhar Al Yamani
3,196 Points
Anhar Al Yamani
Anhar Al Yamani
3,196 Points

Thank you Sean for your replay

yes it has white space margin but how I could remove it? I put the margin to zero but it still not removed

Sean T. Unwin
Sean T. Unwin
28,686 Points
Sean T. Unwin
Sean T. Unwin
28,686 Points

You'll probably have to edit the image or experiment with background-position in CSS.