第 22 章 CSS3 渐变效果

学习要点：

1.线性渐变

2.径向渐变

主讲教师：李炎恢

默认情况下：起始颜色的百分比位置是 0%，末尾颜色的百分比位置是 100%，其他位置按照平均值分配。也可以使用 px 像素来设定，但计算麻烦点。

//结合背景，并使用透明渐变实现强大层次感 

background-image: linear-gradient(to top right, rgba(0,0,0,0.6), rgba(0,0,0,0));

//同样，也有重复背景方式

background-image: repeating-radial-gradient(circle 50px, orange, green);