html - 我怎样才能在CSS中实现这种效果？

Question

我想知道我怎样才能做出这样的效果:

.

右边那个白色影子。

Answer 1

这是通过 box-shadow 属性完成的。你可以阅读它here .

.example {
  background: red;
  box-shadow: 10px 10px 8px rgba(0, 0, 0, .3);
  height: 200px;
  width: 200px;
}

<div class="example"></div>