鍍金池/ 問答/HTML/ css實現(xiàn)半透明模糊效果

css實現(xiàn)半透明模糊效果

圖片描述

求教頁面下方半透明模糊效果的實現(xiàn)方式？

回答
編輯回答
互擼娃

css3 filter濾鏡可以實現(xiàn)，http://blog.gdfengshuo.com/ar... 這文章里有例子可以參考一下。

2017年12月18日 02:06
編輯回答
不討喜

css3 filter的兼容性相對好點。

可以考慮降級，支持的環(huán)境用磨砂，不支持的環(huán)境不用

2017年5月17日 23:40
編輯回答
默念

樓上的有局限性，想要一個div層背景無關(guān)的磨砂的話需要依賴以下這個屬性實現(xiàn)，但是目前兼容性差

backdrop-filter: blur(10px) brightness(110%);

可參考我的這個項目中的實現(xiàn)：https://github.com/devlee/rea...

圖片描述

2018年3月31日 07:14