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/

我想在 box-shadow 之后制作多个 box-shadow。我们用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);
}

CSS - 创建多个框阴影

CSS - Create multiple box shadow

box-shadow