CSS3工具

cww 背景渐变 渐变管理

https://www.toptal.com/developers/css3maker

https://www.feiniaomy.com/post/506.html

/**向右下角渐变*/
background-image: linear-gradient(to bottom right ,red , yellow);
/**向右上角渐变*/
background-image: linear-gradient(to top right ,red , yellow);
/**向左上角渐变*/
background-image: linear-gradient(to top left ,red , yellow);
/**向左下角渐变*/
background-image: linear-gradient(to bottom left ,red , yellow);

/**0 角度渐变*/
background-image: linear-gradient( 0deg,red , yellow);
/**15 度角渐变*/
background-image: linear-gradient( 45deg,red , yellow);
/**180 度角渐变*/
background-image: linear-gradient( 180deg,red , yellow);
/**-90 度角渐变*/
background-image: linear-gradient( -90deg,red , yellow);

/* 颜色均匀渐变的大小 */
background-image: radial-gradient(red, yellow, green);
/* 指定颜色区域大小 */
background-image: radial-gradient(red 10%, yellow 25%, green 60%);
/* 改变形状 */
background-image: radial-gradient(circle, red, yellow, green);
/* 指定渐变的大小 */
background-image: radial-gradient(farthest-side at 60% 55%, red, yellow, black);