css transform 3d破坏mix-blend-mode的效果

jxct1oxe 于 2023-08-09 发布在其他

关注(0)|答案(1)|浏览(94)

我用mix-blend-mode创建了一个效果，当文本在图像内外移动时，它会将文本颜色从黑色更改为白色。但是当我尝试添加transform3d时，效果消失了。我该如何解决此问题？
https://codepen.io/faragos/pen/QWJVwmr
看看这条线的效果

transform: translate3d(0px, 0px, 0px);

字符串
需要注解掉。
我希望transform应该没有影响。

1条答案

我今天遇到了同样的问题，在我的情况下起作用的方法是将mix-blend-mode移动到与transform相同的水平。