Vextor-ltd
@Vextor-ltd
Webdeveloper

Почему в GSAP 3 не работает opacity на мобильных устройствах?

Столкнулся с проблемой, что в GSAP 3 не работает opacity на мобильных устройствах в сочетании с перемещением объекта, например y: -200. Объекты смещаются, но без плавной прозрачности.
Удивительное дело, что когда я вместо opacity: 0, использую свойство filter
.from(allOrganiser, {
    duration: 0.6,
    y: -200,
    filter: "opacity(0)",
    stagger: 0.2,
    ease: "power1.out"
  })

, то на мобильных устройствах и во всех браузерах на десктопе начинает работать, в то время как на Firefox отсутствует плавное смещение вниз и прозрачность. Элементы тупо резко появляются с указанной задержкой. Такие дела.
Есть ли универсальное решение?
  • Вопрос задан
  • 94 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы