渐变

一.

1.渐变语法

线性渐变

background-image:linear-gradient( to top,green 20%,red 80%);

background-image:linear-gradient( 180deg,green 20%,red 80%);

镜像渐变

background-image:radial-gradient( red 20%,green 60%,blue 20%   );默认从中点开始

background-image:radial-gradient( 200px at right top ,red 20%,green 60%,blue 20%   );

repeating(重复)

/*重复镜像渐变指定半径的长度及位置*/

background-image:repeating-radial-gradient( red 15%,green 20%,blue 30%   );