Chrome:当无关元素使用带过渡的变换时,变换比例无法与滤镜模糊结合使用

时间:2019-08-19 06:33:24

标签: css google-chrome css-transitions css-animations

我有一张正在与filter: blur(16px); transform: scale(1.3);一起使用的图片。除此之外,我还有一个overflow: hidden的div。然后,在我使用transform: scale(1.15); transition: all 1s;的网站上有一个完全不相关的元素。

现在的问题是,当不相关元素的转换处于活动状态时(通过说不相关,我的意思是它与另一个元素相距不远),另一个元素会降到scale(1),直到完成转换为止。仅在Google Chrome中会出现此问题。 Firefox和Safari都很好。

有什么解决方法吗?

1 个答案:

答案 0 :(得分:0)

好的,所以我找到了解决方法。不知道为什么会这样,但是经过z-index的反复研究之后,我也能够在Chrome上修复它。我只是给元素overflow: hidden和一个z-index: 2而工作了。要爱CSS。