在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ css 怎么將一個div做成高斯模糊

css 怎么將一個div做成高斯模糊

一般都是 fitter,但是這種方法都是需要找一張圖片來實現(xiàn),但是如果只是一個 div 背景色是黑色,然后做成毛玻璃那種樣式應(yīng)該怎么實現(xiàn),我就是想做一個彈窗,彈窗背景就是毛玻璃效果,能稍微看到點后面頁面的內(nèi)容,謝謝大家的不吝指教。

回答
編輯回答
冷眸

<style type="text/css">

.filtered {
    -webkit-filter: blur(5px);
    /* Chrome, Safari, Opera */
    filter: blur(5px);
    background: black;
    width: 200px;
    height: 200px;
}

</style>
<div class="filtered"></div>

2018年7月28日 07:15
編輯回答
殘淚

使用svg配合blur

<style type="text/css">
.filtered {
  -webkit-filter: url(#f1);
  filter: url(#f1);
  background: black;
  width: 200px;
  height: 200px;
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="0">
  <defs>
    <filter id="f1">
      <feGaussianBlur stdDeviation="3"/>
    </filter>
  </defs>
</svg>

<div class="filtered"></div>
2018年1月19日 09:34
編輯回答
歆久

黑色的高斯模糊是黑色啊,沒毛病,如果需要毛玻璃的話,在圖片上生成一些噪點然后filter

2018年5月13日 09:16