I'm building a marquee following this codepen: https://codepen.io/fcalderan/pen/GRJeYOL
It works fine on desktop but on mobile the text flashes (might have to zoom in to see). It happens on all mobile browsers too so not a browser problem. How can I get rid of the flash? I've tried a lot of recommended solutions like:
transform: translate3d(0);
backface-visibility: hidden;
perspective: 1000;
and I tried it on both the span and the outer divs but it doesn't seem to fix it. I'm not sure if this problem is due to using the text-shadow to duplicate the text to create the marquee effect, or if the text width is too large compared to the mobile screen size but this solution is the one that fits my needs the best so would like to keep it.
How can I get rid of the flash?! SOS its taking too much brainpower it hurts