背景渐变
线性渐变
1 | /* 从上到下(默认情况下) */ |
径向渐变
1 | /* 颜色节点均匀分布的径向渐变 */ |
不同尺寸大小关键字的使用
size 参数定义了渐变的大小。它可以是以下四个值:
- closest-side
- farthest-side
- closest-corner
- farthest-corner
1 | background-image: radial-gradient(closest-side at 60% 55%, red, yellow, black); |
重复的径向渐变
1 | background-image: repeating-radial-gradient(red, yellow 10%, green 15%); |