所以,我有一个非常简单的div容器。CSS模糊背景的一面
https://jsfiddle.net/ma47fbut/
<div class="container"><div class="inside"></div></div>
和CSS:
.container{
width:200px;
height:100px;
background-color:#dc5562;
}
.inside{
width:150px;
height:50px;
margin:20px;
background-color:rgba(50,80,115, 0.4);
opacity: 1;
}
我想使inside
div的底部模糊,因此,它似乎只是模糊了或平滑掉(因此没有明显的边界线)
我发现了一些在线帮助,但他们似乎与背景图像一起工作。
任何帮助将不胜感激!
谢谢!
你应该检查这个http://stackoverflow.com/questions/27583937/how-can-i-make-a-css-glass-blur - 为重叠效果工作 –
如果您可以显示预期输出的图像,那会更好。 –