技术栈

css 文字换行每一个字渐变

我是小路路呀2025-04-08 23:48

换行时每个字显示渐变。

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;
  }
}
上一篇:Threejs全球坐标分布效果
下一篇:百度的deepseek与硅基模型的差距。
相关推荐
siwangqishiq2
9 分钟前
Vulkan Tutorial 教程翻译(四) 绘制三角形 2.2 呈现
前端
李三岁_foucsli
10 分钟前
js中消息队列和事件循环到底是怎么个事,宏任务和微任务还存在吗?
前端·chrome
尽欢i
10 分钟前
HTML5 拖放 API
前端·html
PasserbyX
26 分钟前
一句话解释JS链式调用
前端·javascript
1024小神
27 分钟前
tauri项目,如何在rust端读取电脑环境变量
前端·javascript
Nano
32 分钟前
前端适配方案深度解析:从响应式到自适应设计
前端
古夕
37 分钟前
如何将异步操作封装为Promise
前端·javascript
小小小小宇
37 分钟前
前端定高和不定高虚拟列表
前端
古夕
1 小时前
JS 模块化
前端·javascript
wandongle
1 小时前
HTML面试整理
前端·面试·html
热门推荐
01【图像处理与机器视觉】XJTU期末考点02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04海康Visionmaster-常见问题排查方法-启动阶段05YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!07Coze扣子平台完整体验和实践(附国内和国际版对比)08DeepSeek各版本说明与优缺点分析09VMware虚拟机安装Win7专业版保姆级教程(附镜像包)10R-tree详解