方法1:
基于CSS的背景属性:background-image
废话不说,直接上代码
div{
width: 500px;
height: 100px;
background-image: linear-gradient(120deg,#2eb2ff 0%,#8dabff 100%);
}
120deg:渐变方向角度
#2eb2ff 0%:第一个颜色,颜色从盒子0%处开始渐变(如果是50%则从盒子中间部分开始渐变)
#8dabff 100%:第二个颜色,颜色从盒子100%处结束渐变
方法2:
.gradient--0 {
--gradient-start: #6DE195;
--gradient-start-text: '#6DE195';
--gradient-end: #C4E759;
--gradient-end-text: '#C4E759';
}
以上均可以实现盒子渐变