css3 渐变出现

CSS3渐变是一种能够制作出流畅变化颜色的技术，CSS3渐变有以下两种：

linear-gradient（线性渐变）：background: linear-gradient(direction, color-stop1, color-stop2, ..., color-stopN);
    radial-gradient（放射性渐变）:background: radial-gradient(center, shape size, start-color, ..., last-color);
    

linear-gradient常用的属性direction控制颜色渐变方向，有to right（从左向右），to bottom（从上往下），也可以自定义；color-stop控制不同颜色的停止点位置，可以按照百分数或者像素来区分不同的颜色段，如下：

background: linear-gradient(to right, red 0%,blue 50%,green 100%);
    

radial-gradient常用的属性有center控制渐变的圆心位置，可以像素或百分比定位；shape controls决定渐变的形状，包括circle,ellipse等不同形状；size控制形状的大小和颜色渐变的范围，包括contain, cover等自适应或固定尺寸。

总的来说，CSS3渐变技术能够让网页的颜色更多变，更加丰富多彩。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！