本文共 2059 字，大约阅读时间需要 6 分钟。

BG������������������

• ���������������������������������������������������������������������������������������������������������������
• ������������������������������stop���������������������������

example1���background: radial-gradient(red,yellow); ������������������������������������

example2���background: radial-gradient(circle,red,yellow); ���������������������������������������������

example3���background: radial-gradient(red 60%,yellow 60%); ���������������������60%������������������������

example4���background: radial-gradient(50px 50px,red 50px,black 100px); ���������������50px���������������50px���������������������������������

background: radial-gradient(at left top,red 50%,black 50%); ������at������������������������������������������������������������������

background: repeating-radial-gradient(red 20px,green 50px); ������ repeating������������������������������

---

BG������������������

• ���������������������������������������������������������������������������������������
• ������������������������from,to���������������

default:background: linear-gradient(red,yellow); ������������������������������������������

color-stop���������red 60%,yellow 60% ���������60%������������60%���������������������������������������������

���������������linear-gradient(to right,red,yellow); ������������������������������������

������������������linear-gradient(to right bottom(red,yellow)); ������������������������������

���������������linear-gradient(60deg,red,yellow); ���������������60���

repeat Background:background: repeating-linear-gradient(black 0 , black 10px , transparent 10px ,transparen 20px); ���������������������������������������������������������������������

---

������������

• transition-duration: 1s; ���������������������������������������������
• transition-property: all; ���������������������������������������������������������������
• transition-delay: 0.3s; ������������
• transition-timing-function: cubic-bezier(0.25, 0.46, 1, 0.75); ���������������������������
• transition: all 0.5s ease-in-out; ���������������������������������������