画布模糊div元素

Question

是否可以使用画布创建模糊div？ 在互联网上，我发现只有图像，但我正在寻找没有图像的代码。

<div class="element_one" id="blur_this"></div>

Answer 1

jsFiddle：https://jsfiddle.net/CanvasCode/zk7313dz/

CSS

.wrapper {
  border: 1px solid black;
  width: 400px;
  height= 400px;
}

.blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  width: 400px;
  height= 400px;
}

只需使用CSS已有的内置blur：）