CSS之颜色渐变(背景与字体)

最新推荐文章于 2024-07-25 12:38:27 发布

木瞳

最新推荐文章于 2024-07-25 12:38:27 发布

阅读量701

点赞数

分类专栏：网站开发

本文链接：https://blog.csdn.net/qq_39663113/article/details/82861569

版权

网站开发专栏收录该内容

47 篇文章 1 订阅

订阅专栏

1.线性渐变 linear-gradient(color,color,.....);

2.径向渐变 radial-gradient(color,color,...)

背景渐变： background:linear-gradient(red,blue);

字体渐变：background:linear-gradient(red,green);

-webkit-background-clip:text;

color:transparent;

CSS3渐变色字体：

background-image: linear-gradient(135deg, rgb(0,169,246), white);
font-size: 20px;
font-weight: bold;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
-moz-box-decoration-break: clone;
color: transparent;
position:relative;