text-fill-color优化text-shadow 3D投影效果实例页面

展示

代码

• HTML：

  <span class="text-shadow-3d">立体投影</span>

• CSS：

  .text-shadow-3d {
      font-size: 60px;
      -webkit-text-fill-color: deepskyblue;
      color: #005A79;
      text-shadow: 1px 1px, 2px 2px, 3px 3px, 4px 4px, 5px 5px, 6px 6px, 7px 7px, 8px 8px;
      letter-spacing: 10px;
  }