css 文字换行每一个字渐变

换行时每个字显示渐变。

bash 复制代码
<div class="dept-name">
    <span v-for="(item, index) in displayValue(deviceName)" :key="index">{{ item }} </span>
  </div>
bash 复制代码
.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;
  }
}
相关推荐
摸鱼仙人~27 分钟前
React中子传父组件通信操作指南
前端·javascript·react.js
程序员阿超的博客27 分钟前
React事件处理:如何给按钮绑定onClick点击事件?
前端·javascript·react.js
沉香亭北1 小时前
vue+vite 全局主题
前端
郑州小张1 小时前
前端解析PDF文件目录以及点击目录实现对应内容预览
前端·javascript
海底火旺1 小时前
探索扣子:解锁中间技能模块的无限可能
前端·人工智能·coze
Amctwd1 小时前
【HTML】HTML 与 CSS 基础教程
前端·css·html
快乐星球喂2 小时前
使用vant轮播组件swipe
前端
泡泡oO2 小时前
vue脱敏组件封装(适用于多种场景)——超详细手把手一步步教你使用
前端·javascript·vue.js
kiteOffice2 小时前
使用@page 边距 at 规则 + modern-screenshot 定制打印输出内容
前端
HarryHY2 小时前
VUE3 ref 和 useTemplateRef
前端·javascript·vue.js