css文字颜色渐变

前端小li

于 2021-12-22 11:12:45 发布

阅读量501

点赞数 4

分类专栏：前端 HTML 文章标签： css css3 html

本文链接：https://blog.csdn.net/HTML5_student/article/details/122081263

版权

前端同时被 2 个专栏收录

32 篇文章 2 订阅

订阅专栏

HTML

17 篇文章 0 订阅

订阅专栏

给文字添加渐变
在这里插入图片描述

//上下渐变
	p {
	  font-size: 48px;
	  background: -webkit-linear-gradient(#eee, #333);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	}
	//左右渐变
	p{
      width: 200px;//一定要给个宽度不然字少体现不出来
      font-size: 48px;
      background: linear-gradient(to right , #ff8763, #21884f);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }