css3中有几种渐变颜色

CSS3中有两种渐变颜色：线性渐变（linear-gradient）和径向渐变（radial-gradient）。

/*线性渐变*/background: linear-gradient(方向，颜色1，颜色2，...);
    

方向可以是度数、关键字（top、left等等）或者是角度和长度的组合。

/*径向渐变*/background: radial-gradient(圆心，形状，颜色1，颜色2，...);
    

圆心可以是关键字（center、top等等），也可以是长度和角度的组合；形状可以是圆形、椭圆形或者是两者的组合。

渐变颜色可以使用颜色值、颜色关键字、渐变点等等来定义。渐变点表示渐变中颜色的分布，可以是长度或百分比。

示例：

/*线性从左到右渐变*/background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    /*径向渐变，圆心在中间*/background: radial-gradient(circle at center, red, orange, yellow, green, blue, indigo, violet);
    /*径向渐变，圆形，不同长度的渐变点*/background: radial-gradient(circle, red 10%, orange 30%, yellow 50%, green 70%, blue 90%, indigo, violet);
    

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