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;}
}