实现一个文字渐变

摸鱼的快乐，就是学到好玩好看的东西（来自程序媛的心得， 嘻~）

    .text {
      display: inline-block;
      /* height: 300px; */
      font-size: 200px;
      background: linear-gradient(#b9b5e9, #8386d1);
      color: transparent;
      -webkit-background-clip: text;
    }

  <div class="text">hello world</div>

使用 background-clip的特点实现文字渐变， -webkit-background-clip: text 将背景颜色限定在内容中