文章标签

投影。 网页设计师长期以来都非常喜欢它们，以至于在 CSS Level 3 正式将它们作为 box-shadow 属性引入规范之前，我们曾经使用 PNG 图片来模拟它们。我仍然会…

Paul Lewis 制作了一个 3D 卡片翻转动画。本身很简单，但还需要一个阴影元素。

阴影可能需要移动或淡出，因此我们需要一个可以用变换和不透明度进行动画处理的解决方案。

网站顶部边缘的阴影，就像这样

body::before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
  z-index: 100;
}