animation-声明关键帧
Posted xieting123
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了animation-声明关键帧相关的知识，希望对你有一定的参考价值。
关键帧——@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);
}
}
以上是关于animation-声明关键帧的主要内容，如果未能解决你的问题，请参考以下文章