技术栈

CSS实现文字颜色渐变

瑶琴AI前端2024-07-05 17:19

直接上代码和效果图:

javascript 复制代码
<p class="linecolor">文字颜色渐变</p>

<style type="text/css">
    .linecolor{
        font-size: 30px;
            background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow);
            -webkit-background-clip:text;
            -webkit-text-fill-color:transparent;
    }
</style>

效果

上一篇:性能超越 YOLO、GPT-4 的图像自动标注工具:T-Rex Label
下一篇:后端之路——阿里云OSS云存储
相关推荐
全职计算机毕业设计
7 分钟前
基于Java Web的校园失物招领平台设计与实现
java·开发语言·前端
啊~哈
32 分钟前
vue3+elementplus表格表头加图标及文字提示
前端·javascript·vue.js
小小小小宇
1 小时前
前端小tips
前端
小小小小宇
1 小时前
二维数组按顺时针螺旋顺序
前端
安木夕
1 小时前
C#-Visual Studio宇宙第一IDE使用实践
前端·c#·.net
努力敲代码呀~
1 小时前
前端高频面试题2:浏览器/计算机网络
前端·计算机网络·html
高山我梦口香糖
2 小时前
[electron]预脚本不显示内联script
前端·javascript·electron
神探小白牙
2 小时前
vue-video-player视频保活成功确无法推送问题
前端·vue.js·音视频
Angel_girl319
3 小时前
vue项目使用svg图标
前端·vue.js
難釋懷
3 小时前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
热门推荐
01【图像处理与机器视觉】XJTU期末考点02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04海康Visionmaster-常见问题排查方法-启动阶段05YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!07Coze扣子平台完整体验和实践(附国内和国际版对比)08DeepSeek各版本说明与优缺点分析09VMware虚拟机安装Win7专业版保姆级教程(附镜像包)10R-tree详解