由于浏览器的发展也让css3动画得到了很大程度的应用。今天小编我就来给大家分享一下css3动画效果的使用和设置经验噢。
工具/原料
1
电脑
2
浏览器 编辑器
方法/步骤
1
如图所示，给div添加animation属性即可添加动画效果了哦。animation的第一个参数所代表的便是动画的名称了噢。第二个则是代表该动画动的时间长度噢。第三个则是表示是否一直循环该动画效果噢。此处小编我便设置动画为无限循环了噢。
2
虽然添加已经给div添加了动画的名称，但是因为没有设置动画的运动过程所以暂时不动噢。
3
接着就可以用@keyframes来指定动画的运动过程了噢。而后面的名称要跟刚才设置的一样(bdjy)才行噢。
4
然后可以from和to来表示动画从初始到结束的过程噢。
5
然后里面设置属性的变化值即可完成动画效果噢。
6
当然也可以设置动画从头到尾执行然后再从尾到头执行噢。
注意事项
1
有用可以投票点赞。
2
没用可以找找其他方法。
下一篇：java组合继承如何项目使用