首先,如何在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%初状态。