2020-10-23

奔跑的牛娃

先定义已知图片要等分成的宽高相同 在定义背景图片 不重复 使用绝对定位 使用动画播放
animation:cow 500ms steps(5) infinite;
cow是图片名称 500ms是时间 steps(5)是背景图片被分为5分等大小 infinite是无限循环
然后使用@keyframes cow{
from{background—position: 0px 0px;}起始位置的坐标
to{background—position:-500px 0px;}第一个图片的位置