表演＆amp; CSS模糊视频的浏览器支持注意事项

Question

我目前正在开发一个网站，其要求是使用css（like this codepen）包含全尺寸模糊背景视频：

.video-back {
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
}

我已经在现代浏览器上对它进行了测试，看起来像现代FF，Chrome，Opera和＆苹果浏览器。我将优雅地将视频降级为平板电脑，移动设备和IE的大型启动图像。

我的主要问题是：是否还有其他因素可能会丢失？计算机RAM或图形处理能力？旧版本的浏览器仍然很常见？

由于

Answer 1

此链接可以帮到您！此页面使用一些过滤器制作基准，并在

上查看使用和不使用过滤器模糊的性能

http://blog.kaelig.fr/post/47025488367/css-filters-in-the-real-world