Infinite animation low fps
Hello professionals,
I need Your help changing this animation for better performance. When I use this infinite animation on my website, I lose 20/30 fps from 60 fps.
Can I change this CSS animation to GSAP animation? Would it be better performance? And if it would be, how I can make same skew infinite loop with GSAP?
I tried to make it with GSAP but I can only make animation from left to right, how to make this skew motion?
Thanks,
Mantvydas
@Mantvydas Following example uses TweenLite's tick event that gets called on each frame, similar to requestAnimationFrame if you are familiar with that. Right now this example works with single parent only but you can make it work with multiple parent elements with little work. I have left a lot of comments explaining everything. There are some libraries out there that do parallax effects for you, parallax.js supports gyroscope as well so you can check that if you want.
As for not be
