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);