CSS3立方體怎么陰影？

在CSS3中，要為立方體添加陰影，可以使用box-shadow屬性，這個屬性可以為元素添加多個陰影，包括陰影的顏色、模糊度、大小等。

需要創(chuàng)建一個立方體，可以使用CSS的transform屬性來實現(xiàn)，以下是一個簡單的立方體樣式：

.cube {
  position: relative;
  width: 200px;
  height: 200px;
  transform-style: preserve-3d;
}
.cube:before, .cube:after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  transform-style: preserve-3d;
}
.cube:before {
  transform: rotateY(-90deg);
  background: red;
}
.cube:after {
  transform: rotateY(90deg);
  background: blue;
}

為立方體添加陰影，可以使用box-shadow屬性：

.cube {
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.7);
}

這個樣式會在立方體的周圍添加一些陰影。box-shadow屬性的***個值表示水平偏移，第二個值表示垂直偏移，第三個值表示模糊度，第四個值表示擴展距離，***后一個值表示顏色，可以根據(jù)需要調(diào)整這些值來得到不同的陰影效果。