CSS模糊-我是否可以正确偏移GPU?

css css3

115 观看

1回复

347 作者的声誉

因此,众所周知,filter:blur(5px)在CSS中,如果没有一点浏览器入侵(例如transform: translateZ(0px)迫使其由GPU渲染),速度可能会非常慢。

现在,我有一个1000px x 500px JPG,我想在悬停时模糊,但这非常慢。我已经了解了translateZ(0px)perspective: 1000但是似乎并没有太大的不同。

那是我所希望的最好的吗?关于如何加快速度的任何想法?

作者: MitchEff 的来源 发布者: 2017 年 9 月 15 日

回应 1


0

5969 作者的声誉

有一个非常简单的解决方案。不要设置模糊值的动画。而是在两个图像之间设置动画不透明度;一种模糊,另一种不模糊。这样,您只需要渲染一次模糊效果,但是基本上可以获得相同的效果。

作者: posit labs 发布者: 2017 年 9 月 15 日
32x32