我有這個小提琴:如何在div的頂部和右側添加模糊效果?
https://jsfiddle.net/aod4rmx8/
.background{
position: absolute;
left: 0;
width:50%;
right: 0;
bottom: 0;
top:0;
background-color: #000;
/*box-shadow: 100px 0 40px 6px rgba(0, 0, 0, 1);*/
-webkit-box-shadow: 200px 1px 300px 200px rgba(0,0,0,0.75);
-moz-box-shadow: 200px 1px 300px 200px rgba(0,0,0,0.75);
box-shadow: 200px 1px 300px 200px rgba(0,0,0,0.75);
}
什麼,我想才達到是在黑色背景的頂部和右側添加模糊效應。這就是我想才達到:
所以,我對圖像的littlebit影子是在右側,也有權利和DIV的頂側邊緣模糊有背景顏色。任何建議?
對不起,誤解你的問題,改變了我的建議,這樣的:HTTPS: //jsfiddle.net/LGSon/aod4rmx8/2/ – LGSon
div的邊緣仍然沒有模糊...其粗糙 – None
是[this](https://jsfiddle.net/RahulRB1997/aod4rmx8/3/)小提琴幾乎按照您的需求? –