css3漸變色
阿新 • • 發佈：2019-03-06
... pan center class near div start red left
Linear Gradients：線性漸變
background: linear-gradient(direction, color-stop1, color-stop2, ...);
默認是從上到下的，可以把direction改為left就為從左到右漸變
background: linear-gradient(to left, red , blue);
也可以left top，左上到右下
background: linear-gradient(to left top, red , blue);
也可以使用角度，180度
background: linear-gradient(180deg, red, blue);
還有透明度的應用
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
Radial Gradients:徑向漸變
與線性漸變一樣，講語法改一下就可以了
background: radial-gradient(center, shape size, start-color, ..., last-color);
css3漸變色