我有一个背景图像,想要模糊它的特定部分而不影响整个图像?例如,只有左下角,中间或右上角?有可能这样做吗?
我的图像有问题.我试图模糊图像的一部分,但我的解决方案无法正常工作.请看一下这段代码:
HTML文件
<div id="image">
<div class="blur"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS文件
#image {
width: 940px;
height: 360px;
background-image: url('../img/photo.png');
}
#image .blur {
background-image: url('../img/photo.png');
background-position: center right;
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
filter: blur(3px);
float: right;
height: 100%;
width: 360px;
}
Run Code Online (Sandbox Code Playgroud)
CSS中有可能吗?