css实现文字渐变
CSS 实现 文字 渐变
2023-09-27 14:21:58 时间
html代码
<span>15</span>
css代码
.valueStyle{
font-weight:600;
font-size:25px;
margin-bottom:0px;
cursor:pointer;
background-image:-webkit-linear-gradient(bottom,red,#ff5f60,#f0c41b);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
效果图
相关文章
- HTML、CSS和JS如何变成页面的?
- HTML+CSS+JavaScript 实现图片3D展览
- css基础---->学习html(一)
- Day3 CSS 引入及基本选择器
- 纯CSS方式实现CSS动画的暂停与播放!
- js+html+css实现简单页面交互功能(2015知乎前端笔试题)http://v.youku.com/v_show/id_XMTI0ODQ5NTAyOA==.html?from=y1.7-1.2
- HTML & CSS – Responsive Image 响应式图片 (完整版)
- 1. web前端开发分享-css,js入门篇
- css案例学习之用thead、tbody、tfoot实现漂亮的table布局
- css案例学习之ul li dl dt dd实现二级菜单
- css案例学习之div+a实现菜单
- css sprite responsive实现探究
- 【超级炫酷的3D旋转相册——网页端动态显示,使用css,html等实现(附源代码)】
- vue2借助animate.css实现路由动画效果
- CSS+JS实现流星雨动画
- CSS样式选择器
- css:对BEM的看法以及自己创立的一个CSS命名规范EToE
- css变量系列(2):小程序中使用css变量实现改变主题颜色
- canvas/CSS实现仪表盘效果
- CSS系列:CSS的继承与层叠特性
- CSS浮动与清浮动
- 利用CSS与JS实现登录框与遮罩层屏幕居中(CSSposition定位分类总结)
- CSS padding margin border属性详解
- 【前端】CSS