对div元素的模糊效果 [英] Blur effect on a div element

问题描述

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

Is it possible to add a gaussian blur on div element? If yes, how I can do this?

推荐答案

我认为这是您要找的？如果您要为div元素添加模糊效果，可以通过CSS过滤器直接完成此操作 - 请参阅fiddle： http：// jsfiddle。 net / ayhj9vb0 /

I think this is what you are looking for? If you are looking to add a blur effect to a div element, you can do this directly through CSS Filters-- See fiddle: 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;

}

这篇关于对div元素的模糊效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！