css card 阴影

CSS card 阴影是一个常见的设计技巧，它可以让卡片看起来更加逼真和立体。阴影效果也可以增加页面的深度和层次感，提高用户体验。

要添加卡片阴影，我们可以使用 CSS Box-shadow 属性。它接受几个值，包括阴影的颜色、偏移量、模糊半径和扩展半径。

.card {
  Box-shadow: 0 0 10px rgba(0,0.3);
}

上面的代码添加了一个小的颜色为深灰色的卡片阴影。我们可以调整偏移量、模糊半径和扩展半径来达到不同的效果。

举个例子，如果我们想要创建一个更大更明显的阴影，可以使用以下代码：

.card {
  Box-shadow: 0 4px 15px rgba(0,0.4);
}

在这个例子中，我们将阴影的偏移量设置为 0，竖直方向的偏移量设置为 4 像素，模糊半径设置为 15 像素，扩展半径设置为默认的 0。

CSS card 阴影是一个简单但很有效的设计技巧，它可以让你的卡片和页面看起来更加生动和真实。