Scrolltrigger: Flickering 1px Gap in Horizontal Image-Carousel

[signsi]

Hi all

I am working on a personal portfolio site. 

Similar to instagram, I want to showcase some photos inside an image carousel.

So far so god, the scrolling already moves the image through the viewport.

Unfortunately there is a very small gap, visible in safari and chrome.

It is a tiny, flickering white line between the individual images.

I've already tried the different parameters in the gsap / scrolltrigger configuration - so far without success.

 

Thanks

 

See the Pen gOjPyjr?editors=1111 by signsi (@signsi) on CodePen

[GreenSock]

Yeah, that actually has nothing to do with GSAP - it's just a browser rendering thing. You could set a margin on the images to -0.5px so that they overlap very slightly. Does that help? 

[signsi]

Thanks a lot. Adding -0.5px helped.