动画animation小结

首先，如何在html中写一个自定义动画：

一、在<style></style>中插入动画

@keyframes name{
    from{}
    to{}
 }

二、在要加动画的元素上，CSS里添加animation，例如

.outer{
   animation: do 1s linear;
   animation-iteration-count: infinite;
 }

三、动画的简写

animation：name/动画名字 duration/动画持续时间 timing-function/动画时间函数（linear、ease、ease-in、ease-out、ease-in-out） iteration-count/重复次数 direction/选择动画方向（normal、alternate） delay/选择动画延迟时间 fill-mode/是否返回（forwards/backwards/both/no）。

动画最主要掌握变与不变。0%初状态，25%初状态，50%变状态，75%初状态，100%初状态。