Работает ли CSS mix-blend-mode с трансформацией?
Видимо, микс-режим смешивания не очень хорошо с transform: translate()
а также z-index
, Применение любого из них к некоторому текстовому элементу немедленно отменит эффект mix-blend-mode.
Вопросы
- Это известное ограничение?
- Есть ли решение на основе CSS?
Я знаю, что могу использовать JavaScript для имитации transform: translate()
функциональность, но это не совсем идеально.
1 ответ
Я столкнулся с той же проблемой, и найденный мной обходной путь заменял
transform: translate()
по
position:absolute
,
margin-top:<y>px
а также
margin-left:<x>px
.
NB: допустимы отрицательные поля, поэтому он по-прежнему работает с отрицательными значениями.
x
а также
y
.