CSS3动画基本使用——页面一打开盒子就从左边走向右边
分两步实现:第一步:先定义动画;第二部:再使用(调用)动画
我们实现一个这样的效果,页面一打开,一个盒子就从左边走向右边。
1、定义动画。使用@keyframes,0%代表动画开始的位置,100%代表动画结束的位置
2、调用动画。使用animation-name后面跟动画名称,并且要给这个动画一个持续的时间,即从左边到右边一共使用了多长时间,单位是秒。animation-duration。
3、这样就会实现一个div从左向右,从0像素走到1000像素,共计用时10秒钟。