分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

css3 字体渐变

发布时间:2023-09-06 01:37责任编辑:赖小花关键词:暂无标签

先看个效果

https://www.bienvillecapital.com/

然后人家样式这样写的

 ???font-family: Overpass,Helvetica,sans-serif; ???font-weight: 100; ???font-style: normal; ???font-size: 43px; ???line-height: 1.55;
  // 主要代码 背景先渐变 ???background: -webkit-gradient(linear,left top,left bottom,from(#baa898),to(#f66)); ???background: linear-gradient(#baa898,#f66);
   background: -webkit-linear-gradient(#baa898,#f66);
  // ?以文本内容来剪辑背景
   background-clip: text; text-fill-color: transparent;
   -webkit-background-clip: text;
  // ?让文本颜色透明 ???-webkit-text-fill-color: transparent;
???-webkit-transition-delay: .4s; ???-moz-transition-delay: .4s; ???transition-delay: .4s; ???-webkit-transition-duration: 1s; ???-moz-transition-duration: 1s; ???transition-duration: 1s;

css3 字体渐变

原文地址:https://www.cnblogs.com/yang-C-J/p/8311791.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved