На моей веб-странице есть слайдер с изображением героя, на основе события translate3d(). Я хочу, чтобы текст использовал mix-blend-mode: difference;, и он работает только тогда, когда страница загружена и статична. Однако, как только translate3d() запускается при прокрутке страницы, текст перерисовывается как исходный цвет текста (белый) без режима наложения.
Моя страница использует скользкую карусель из https://kenwheeler.github.io/slick/
Я пытался воссоздать эту проблему в codepen, но мне это не удалось. Это происходит на этой веб-странице: https://www.urbandeal.nl
Я ожидал, что mix-blend-mode останется отрисованным как есть, даже когда эти translate3d начнут действовать.