有没有办法在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) 
}