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-前缀 */


相关推荐
CappuccinoRose8 分钟前
JavaScript 学习文档(二)
前端·javascript·学习·数据类型·运算符·箭头函数·变量声明
这儿有一堆花14 分钟前
Vue 是什么:一套为「真实业务」而生的前端框架
前端·vue.js·前端框架
全栈前端老曹28 分钟前
【MongoDB】深入研究副本集与高可用性——Replica Set 架构、故障转移、读写分离
前端·javascript·数据库·mongodb·架构·nosql·副本集
NCDS程序员1 小时前
v-model: /v-model/ :(v-bind)三者核心区别
前端·javascript·vue.js
夏幻灵1 小时前
CSS三大特性:层叠、继承与优先级解析
前端·css
小杨同学呀呀呀呀1 小时前
Ant Design Vue <a-timeline>时间轴组件失效解决方案
前端·javascript·vue.js·typescript·anti-design-vue
华玥作者10 小时前
[特殊字符] VitePress 对接 Algolia AI 问答(DocSearch + AI Search)完整实战(下)
前端·人工智能·ai
Mr Xu_10 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠10 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
lang2015092810 小时前
JSR-340 :高性能Web开发新标准
java·前端·servlet