分享推荐（配色网址）：

https://flatuicolors.com/palette/defo

animation语法（简写）：

animation: name duration timing-function delay iteration-count direction;

分开的语法：

animation-name：动画名字。
animation-duration：动画执行的总时间。
animation-timing-function：动画运动曲线。
animation-delay：开始的延迟。
animation-iteration-count：动画执行次数。
animation-direction：是否应该轮流反向播放动画。

定义animation动画效果：

第一种：

@keyframes my//动画名字
{
from {background: red;}
to {background: yellow;}
}
第二种：
@keyframes my//动画名字
{
0%{background: red;}
50%{background: yellow;}
75%{background: red;}
100%{background: yellow;}
}

使用：

div
{
	animation:my 5s infinite;
}