21.animmation(动画)
1.(写在样式里格式)
animation: donghua(动画名字) 10s(过度需要的时间) 1(过度次数) linear(匀速) forwards(过度后不会回到原来的位置);
animation:动画名称 时间 循环次数;(复合写法)
时间曲线: ease(快慢快)
linerr(匀速)
forwards:(动画划过去不回来)(无限次循环不会实现)
backwards:(动画划过去回来)
infinite:(无限循环次数)
animation-delay(延迟)
2.这是添加动画的样式 @keyframes name { (name这里是要给动画的样式名字)
(创建关键帧:) from(可改0%){(动画开始的样式)
key:钥匙,关键 transform:translate(0,0) ;(开始向y轴平移0px) }
frames:帧 (根据需要中间可以在中间加 %多少)
name:动画名字 to(可该100%){(动画结束的样式)
from:从哪里来 动画开始 transform:translate(1000px,0);(结束向y轴平移1000px) }
to:动画结束 }
```
animmation(动画)
最新推荐文章于 2022-03-30 02:15:31 发布