如何使邊緣偏移的CSS陰影

Question

我想做一個沒有模糊的陰影，並有輕微的偏移周圍，也是圓角。酷似下面

圖像之外的陰影效果的任何替代方法也可能工作藏漢

Answer 1

這些加入元素的CSS：

-webkit-box-shadow: 0px 0px 53px 10px rgba(236,245,159,1); 
-moz-box-shadow: 0px 0px 53px 10px rgba(236,245,159,1); 
box-shadow: 0px 0px 53px 10px rgba(236,245,159,1); 

例子：

#box { 
 
    margin:40px; 
 
    height:100px; 
 
    width:100px; 
 
    border-radius:20px; 
 
    background-color:#E8ED8A; 
 
    -webkit-box-shadow: 0px 0px 53px 10px rgba(236,245,159,1); 
 
    -moz-box-shadow: 0px 0px 53px 10px rgba(236,245,159,1); 
 
    box-shadow: 0px 0px 53px 10px rgba(236,245,159,1); 
 
}

<div id='box'></div>

Answer 2

.box{ 
 
width:80px; 
 
height:80px; 
 
background-color:red; 
 
border-radius:10px; 
 
border: 1px offset red; 
 
box-shadow:5px 5px 0px black; 
 
}

<div class="box"> 
 
</div>