性能和瀏覽器支持的注意事項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，& Safari的模糊功能。我會優雅地將視頻降級爲適用於平板電腦，移動設備和IE的大型閃屏圖像。

我的主要問題是：有沒有其他因素可能會丟失？電腦內存或圖形處理能力？較舊版本的瀏覽器仍然很常見？

謝謝

Answer 1

此鏈接可以幫助你！這個頁面做了一些過濾器基準，看到有和無

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