Tilt.js сбрасывает свойство mix-bled-mode у внутреннего элемента

Есть два простых примера

  1. https://lkey.online/index.html

  2. https://lkey.online/index2.html

Для изображения используется tilt.js и mgGlitch.js и прописан mix-blend-mode: overlay;

  1. В первом случае до наведения на изображения и срабатывания tilt.js , glith эффект работает так как надо (изображения с overlay накладываются друг на друга, получается хороший glith), остаётся что бы только накланялось. Но при наведении сразу чем то перекрывается свойство mix-blend-mode у внутреннего элемента. И картинка становится белая (как и есть в оригинале)

  2. Во втором примере mix-blend-mode указан для всего контейнера который и наклоняет tilt.js. И вроде всё работает, но glith эффект не складывает overlay у всех картинок и он выходит блёклым (что не устраивает)

Сам эффект mix-blend-mode пробовал ставить и на контейнер для titl и контейнер для glith и на само изображение.

Собственно вопрос почему при наведении tilt.js перекрывает или сбрасывает mix-blend-mode?


Ответы (0 шт):