关键帧——@keyframes 类似于flash 定义动画在每个阶段的样式,即帧动画 关键帧的时间单位 数字:0%、25%、100%等(设置某个时间段内的任意时间点的样式) 字符:from(0%)、to(100%) 格式 @keyframes 动画名称 { 动画状态 }
@keyframes move {
0%{
transform: translate(0,0);
}
50%{
transform: translate(300px,300px);
}
100%{
transform: translate(0,0);
}
}
@-webkit-keyframes move {
0%{
transform: translate(0,0);
}
50%{
transform: translate(300px,300px);
}
100%{
transform: translate(0,0);
}
}