div 元素的模糊效果

Question

是否可以在 div 元素上添加高斯模糊？如果是，我该怎么做？

原文由 bialasikk 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我想这就是你要找的？如果您希望为 div 元素添加模糊效果，您可以直接通过 CSS Filters 执行此操作——请参阅小提琴：http: //jsfiddle.net/ayhj9vb0/

  div {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  width: 100px;
  height: 100px;
  background-color: #ccc;

}

原文由 BenSlight 发布，翻译遵循 CC BY-SA 3.0 许可协议