文章目录
动画必须要素
简单动画必须步骤,给一个元素定义动画名称,动画执行的全部时间,以及使
用@keyframe定义关键帧的状态,即可有一个最简单的动画效果;
html:
<div class="animation">
动画高手
</div>
.animation{
animation-name: slidein;
animation-duration: 3s;
}
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
动画属性
简记:名秒速延复位末播;
一个名贵的秒表可以快速的延迟时间和重复的回到当初的位置,改变电视末时的<