【CSS3】Advanced10：Gradient

1.background:linear-gradient(20deg/(to) bottom right,orange,red,hsl(60,100%,50%));

2.-webkit-chrome/safari

   -o-opera

   -ms-IE9

exclude "to""at"

a fallback

3.backround:radial-gradient(circle closest/farthest-side/corner (at) 100px 200 px,yellow,green);

 

4.Color stop

background: linear-gradient(135deg, hsl(36,100%,50%) 10%, hsl(72,100%,50%) 60%, white 90%);

5.Repeating gradients

background: repeating-linear-gradient(white, black 10px, white 20px);

background: repeating-linear-gradient(white, black 10px, white 20px);

转载于:https://www.cnblogs.com/yzhen/p/3669207.html