css 文字换行每一个字渐变

换行时每个字显示渐变。

<div class="dept-name">
    <span v-for="(item, index) in displayValue(deviceName)" :key="index">{{ item }} </span>
  </div>

.dept-name {
  position: relative;
  padding: 28px 40px 18px 49px;
  font-family: "AlibabaPuHuiTiB";
  font-size: 20px;
  line-height: 27px;
  word-wrap: break-word;
  span {
    background: linear-gradient(to bottom, #bfe8ff 0%, #4eb5ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}