提高CSS3滤波器的质量

提高CSS3滤波器的质量,css,Css,在使用大型图像时,是否有办法提高CSS3过滤器的质量 在这里,您可以看到我使用的图像: 资料来源: 该图像的样式如下所示: .blur { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } 然而,渐变会变成许多难看的“增量” 请看一看: 我已经创建了一个用于演示的版本。您

在使用大型图像时,是否有办法提高CSS3过滤器的质量

在这里,您可以看到我使用的图像: 资料来源:

该图像的样式如下所示:

.blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}
然而,渐变会变成许多难看的“增量”

请看一看:


我已经创建了一个用于演示的版本。

您能在一个版本上复制该版本吗?我看不出这有什么问题。你在悬停时使用了过渡吗?@GiovanniSilveira谢谢你的提示。给你:@Donte'Trumble不,还没有。是不是因为图像没有按真实比例显示?