Итак, у меня очень простой контейнер 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 размыто так, что кажется просто размыто или не сглаживаются (поэтому нет резкой границы line)
Я нашел некоторые помогает онлайн, но они, похоже, работают с фоновым изображением.
Любая помощь будет очень признательна!
Спасибо!
вы должны проверить это http://stackoverflow.com/questions/27583937/how-can-i-make-a-css-glass-blur -effect-work-for-an-overlay –
Было бы лучше, если бы вы могли показать изображение ожидаемого выхода. –