CSS背景線形グラデーション

CSS背景線形グラデーション

文法

background: linear-gradient(起始方向,颜色1,颜色2,...);
background: linear-gradient(left,red,blue);
background: linear-gradient(left top,red,blue);

注意

/* 背景渐变必须增加浏览器私有前缀 */
background: -webkit-linear-gradient(left,red,blue);

デフォルトは省略

/* 默认从上到下 */
background: -webkit-linear-gradient(red,blue);