CSS 实现立体字效果

我们在工作中，很多场景会遇到立体文字，今天我们就来实现下，很简单，算是水文章吧：

<h1>立体字体</h1>

h1 {
  margin: 100px 0 0 100px;
  font-size: 5em;
  color: #fff;
  text-shadow: -1px 1px #bbb,
  -2px 2px #bbb,
  -3px 3px #bbb,
  -4px 4px #bbb,
  -5px 5px #bbb,
  -10px 10px #666;
}