js动画animation的属性及效果
彻底弄懂animation属性效果
⼀般来说给⼀个元素加上animation，加在他的css上就好，
常⽤的动画属性有：
animation-name:test
动画名称，唯⼀标识，与@keyframes相对接，必选属性；
animation-duration:5s
动画的单次⽣效时间，不包含animation-delay在内，必选
⽰例：
animation-interation-count:2, animation-delay:5s, animation-duration:10s
animation-timing-function: linear;
动画的速率曲线，⾮必选，默认值为ease：低速开始，然后变快，在结束前减速
animation-delay: 2s;
动画延迟时间，⾮必选，默认0延迟
animation-iteration-count: infinite;
规定动画被播放的次数，⾮必选，默认⼀次
animation-direction: alternate;
javascript动态效果规定动画在下⼀周是否逆向地播放,⾮必选，默认值normal，但设置的条件必须是animation-iteration-count在两次以上，否则不⽣效；
animation-play-state: running;
规定动画是否正在运⾏或暂停(⾮必选)
⾄少设置完动画的name和duration后，便可以使⽤@keyframes 连接动画名来分阶段的设置动画效果了。有什么讲的不对的地⽅，还请各位指出，本⼈⼀定虚⼼学习。再会！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。