CSS 实现背景色渐变和文字颜色渐变

最新推荐文章于 2024-07-01 15:53:36 发布

一 sky

最新推荐文章于 2024-07-01 15:53:36 发布

阅读量584

点赞数 1

分类专栏： html+css

本文链接：https://blog.csdn.net/qq_42058441/article/details/86608346

版权

html+css 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

h1 {
	/*background-image: -webkit-linear-gradient(bottom, rgb(201, 21, 134), rgb(20, 123, 255));*/
	/*background: linear-gradient(to top right, #CDDC39 0%, #8BC34A 25%, #FFEB3B 100%);*/
	/*background: radial-gradient(circle, #CDDC39, #8BC34A);/* 绿的 */
	/*background: linear-gradient(270deg, #BF362E, #BF2E64,#6FBF2E,#2E6FBF,#792EBF);
	background: linear-gradient(to top right, #BF362E, #BF2E64,#6FBF2E,#2E6FBF,#792EBF);/* 对角线渐变，到右上角，从左下角开始第一个颜色 */
  	background-image: -webkit-radial-gradient(45px 45px, circle cover, #ecff05, red);
  	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #ecff05 0%, orange 100%, red 95%);
  	background-image: radial-gradient(45px 45px 45deg, circle cover, #ecff05 0%, orange 100%, red 95%);
  		 
        background-image: -moz-radial-gradient(#ecff05, red);
  	background-image: -webkit-radial-gradient(#ecff05, red); /* new syntax */
  	background-image: radial-gradient(#ecff05, red);

        -webkit-background-clip: text;/* 必须加 */
  	color: transparent;/* 必须加 */
}