您的位置: 首页 > 文章 > 2020-10-23 2020-10-23 分类: 文章 • 2024-12-07 19:36:28 奔跑的牛娃 先定义已知图片要等分成的宽高相同 在定义背景图片 不重复 使用绝对定位 使用动画播放 animation:cow 500ms steps(5) infinite; cow是图片名称 500ms是时间 steps(5)是背景图片被分为5分等大小 infinite是无限循环 然后使用@keyframes cow{ from{background—position: 0px 0px;}起始位置的坐标 to{background—position:-500px 0px;}第一个图片的位置
