有沒有辦法在css中編寫這個陰影？

Question

我想知道是否有任何方式的CSS

Answer 1

編寫在該形狀綠色陰影可以疊加水平和垂直偏移box-shadow屬性的值，在兩種顏色之間交替，並指定爲你想要的許多圖層，例如

div { 
    background: olive; 

    box-shadow: 
    0 01px black, 
    01px 0 green, 
    01px 02px black, 
    02px 01px green, 
    02px 03px black, 
    03px 02px green, 
    03px 04px black, 
    04px 03px green, 
    04px 05px black, 
    05px 04px green; 

    height: 50px; 
    width: 50px; 
} 

http://jsfiddle.net/Thcvv/

Answer 2

如果你只是在尋找底部的陰影，而陰影面，你可以只畫下方的菱形的形狀：

div{ 
    height:50px;width:50px; 
    background-color: #0f0; 
    position: relative; 
} 
div:after{ 
    content:''; 
    background-color: #9F9; 
    width: 50px; height: 10px; 
    position: absolute; 
    bottom: -10px; left: 5px; 
    transform: skewx(45deg) 
}