Производительность mask-image: linear-gradient на всю площадь экрана?

Question

[Vitaliy]

Требуется в real time менять mask-image: linear-gradient у двух больших блоков, каждый из которых занимает всю площадь экрана. В данном случае это просто страницы в landing page, которые при скроллинге плавно исчезают начиная с верхнего или нижнего края.

Без данного эффекта: фпс - 50-60, память - 5-10 МБ
с ним: фпс - 30-50, память 20-38 МБ

Неужели данная процедура (рассчет прозрачности по маске-градиенту) такая затратная? Или это пока чисто проблема на стороне ядер браузеров?

Comments

[Тимур Туз]

да. затратная. такой эффект думаю лучше растром делать, и ему прозрачность назначать.

[Vitaliy]

Тимур Туз: сделал растром, разница не ощутима, так же скачет фпс и память