AlexTec

Hello, i have an problem: on all my devices animation works good, but not on Iphone (it's freeze) I tried ios 16,0 and 16,3 Website - https://tgmall.io/ To better see the problem, turn the phone over to the PC version. My project started on NUXT 2. I tried force3d false, and css property will-change, it's does not help. The problem is that when I use native js and add the class on page load and not gsap , the animation works perfectly. I will be happy if someone help me solve it I add animation like this on hook mounted: const tl = this.$gsap.timeline() tl .from('.logo', { opacity: 0, scale: 0, duration: 1, delay: 0.25 }) .from('.burger__body', { opacity: 0, x: '2rem', duration: 0.25, delay: 0.25 }, '<') .from('ul.pc', { opacity: 0, x: '-25rem' }, '<') .from('.hero__title', { opacity: 0, x: '-20rem', duration: 1 }, '<= 50%') .from('.hero__subtitle', { opacity: 0, x: '-100rem', duration: 1 }, '<= 50%') .from('.hero__telegram__body', { opacity: 0, y: '20rem' }, '<') .from('.hero__btns', { opacity: 0, scale: 0, x: '20rem' }, '<') .from('.phone__body', { opacity: 0, y: '50rem', duration: 0.5 }) .from('nav .btn-layout', { opacity: 0, x: '30rem' })