CSS 字体颜色渐变

CSS 字体颜色渐变

css 代码:

注意:background: linear-gradient(属性),属性可以调整方向
复制代码
	例如:to bottom 上下结构,to right 左右结构
java 复制代码
      font-family: DIN, DIN;
      font-weight: normal;
      font-size: 22px;
      color: #6a3500;
      line-height: 26px;
      text-align: center;
      font-style: italic;
      background: linear-gradient(to bottom, #ea9600 0%, #6a3500 100%); /* 文字背景渐变 */
      -webkit-background-clip: text; /* 文本裁剪背景图片 */
      -webkit-text-fill-color: transparent; /* 文本填充颜色设置为透明,以显示背景 */
      background-clip: text;
      color: transparent; /* 一些浏览器可能不需要-webkit-前缀 */


相关推荐
reembarkation10 分钟前
使用pdfjs-dist 预览pdf,并添加文本层的实现
前端·javascript·pdf
KenXu26 分钟前
F2C-PTD工具将需求快速转换为代码实践
前端
给月亮点灯|34 分钟前
Vue3基础知识-setup()、ref()和reactive()
前端·javascript·vue.js
芜青36 分钟前
【Vue2手录12】单文件组件SFC
前端·javascript·vue.js
冷冷的菜哥36 分钟前
react实现无缝轮播组件
前端·react.js·typescript·前端框架·无缝轮播
hrrrrb43 分钟前
【Python】字符串
java·前端·python
阿笑带你学前端1 小时前
Supabase云同步架构:Flutter应用的数据同步策略
前端
梦想CAD控件1 小时前
(在线CAD平台)网页集成CAD SDK的方法
前端·javascript·github
万少1 小时前
可可图片编辑 HarmonyOS(6)水印效果
前端·harmonyos
掘金约基奇_1 小时前
JS-SDK开发企微侧边栏
前端·javascript