CSS - 创建多个框阴影

Question

我有这样的代码

body {
  /*some styling for make div on center*/
}
div {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius:50%;
    box-shadow: 0 0 5px 7px rgba(230, 230, 230, 0.4);
}

http://jsfiddle.net/zu9rd1jq/68/

我想在盒子阴影后制作多个盒子阴影。它可以在我们使用photoshop时，但我们如何使用css？任何想法，请：）

Answer 1

我希望你正在寻找这个

div {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius:50%;
    box-shadow: 0 5px 0 rgba(255, 0, 0, 1), 0 10px 0 rgba(0, 255, 0, 1);
}