说明：
复合属性，检索或设置对象所应用的特效属性。（如果是多组属性值，以逗号分割）
注意：如果只提供一个<' time'> 参数，则为 <' animation-duration '> 的值定义；如果提供二个<' time'> 参数，第二个为 <' animation-delay '> 的值定义。
语法：
animation个的取值、含义
兼容性：
animation的兼容性
动画：
.main{ width: 400px; height: 400px;border:1px solid rgb(200, 200, 200); position: relative;}
.yuan{ width: 40px; height: 40px; border-radius: 50%; background-color: rgb(243, 223, 8); margin: 20px auto 0;
opacity: 1;animation: move 3s ease-out 1s forwards; transform: translate(80px);}
@keyframes move{
0%{opacity: 1;width:40px;height: 40px;transform: translate(0)}
25%{opacity: 0.5;width: 30px;height: 30px;transform: translate(20px)}
50%{opacity: 0;width: 20px;height: 20px;transform: translate(40px)}
75%{opacity: 0.5;width: 30px;height: 30px;transform: translate(60px)}
100%{opacity: 1;width: 40px;height: 40px;transform: translate(80px)}
}
<div class="main"><div class="yuan"></div></div>
阐述：用animation做自定义动画真的很方便，keyframes 中文翻译是关键帧的意思，它用来命名动画的名称，定义动画的的完成周期，它既可以用from / to,也可以用百分比。
