CSS实现文字颜色渐变

直接上代码和效果图:

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>

效果

相关推荐
我不吃饼干8 分钟前
从 Vue3 源码中了解你所不知道的 never
前端·typescript
开航母的李大22 分钟前
【中间件】Web服务、消息队列、缓存与微服务治理:Nginx、Kafka、Redis、Nacos 详解
前端·redis·nginx·缓存·微服务·kafka
Bruk.Liu22 分钟前
《Minio 分片上传实现(基于Spring Boot)》
前端·spring boot·minio
鱼樱前端1 小时前
Vue3+d3-cloud+d3-scale+d3-scale-chromatic实现词云组件
前端·javascript·vue.js
zhangxingchao1 小时前
Flutter入门:Flutter开发必备Dart基础
前端
佚名猫1 小时前
vue3+vite+pnpm项目 使用monaco-editor常见问题
前端·vue3·vite·monacoeditor
满分观测网友z1 小时前
vue的<router-link>的to里面的query和params的区别
前端·javascript·vue.js
BillKu1 小时前
Vue3 + TypeSrcipt 防抖、防止重复点击实例
前端·javascript·vue.js
鱼樱前端1 小时前
Vue3结合three和babylonjs实现3D数字展厅效果
前端·vue.js
Themberfue1 小时前
Vue ⑥-路由
前端·javascript·vue.js