CSS样式代码:
一键复制到剪贴板
#mySprite { background-image: url('images/未命名2.png'); width: 28px; height: 28px; animation: myAnimation 1.67s steps(1) infinite; }
keyframe动画代码:
一键复制到剪贴板
@keyframes myAnimation { 0% { background-position: 0px 0px; } 2.00% { background-position: -28px 0px; } 4.00% { background-position: -56px 0px; } 6.00% { background-position: -84px 0px; } 8.00% { background-position: -112px 0px; } 10.00% { background-position: -140px 0px; } 12.00% { background-position: -168px 0px; } 14.00% { background-position: -196px 0px; } 16.00% { background-position: -224px 0px; } 18.00% { background-position: -252px 0px; } 20.00% { background-position: -280px 0px; } 22.00% { background-position: -308px 0px; } 24.00% { background-position: -336px 0px; } 26.00% { background-position: -364px 0px; } 28.00% { background-position: -392px 0px; } 30.00% { background-position: -420px 0px; } 32.00% { background-position: -448px 0px; } 34.00% { background-position: -476px 0px; } 36.00% { background-position: -504px 0px; } 38.00% { background-position: -532px 0px; } 40.00% { background-position: -560px 0px; } 42.00% { background-position: -588px 0px; } 44.00% { background-position: -616px 0px; } 46.00% { background-position: -644px 0px; } 48.00% { background-position: -672px 0px; } 50.00% { background-position: -700px 0px; } 52.00% { background-position: -728px 0px; } 54.00% { background-position: -756px 0px; } 56.00% { background-position: -784px 0px; } 58.00% { background-position: -812px 0px; } 60.00% { background-position: -840px 0px; } 62.00% { background-position: -868px 0px; } 64.00% { background-position: -896px 0px; } 66.00% { background-position: -924px 0px; } 68.00% { background-position: -952px 0px; } 70.00% { background-position: -980px 0px; } 72.00% { background-position: -1008px 0px; } 74.00% { background-position: -1036px 0px; } 76.00% { background-position: -1064px 0px; } 78.00% { background-position: -1092px 0px; } 80.00% { background-position: -1120px 0px; } 82.00% { background-position: -1148px 0px; } 84.00% { background-position: -1176px 0px; } 86.00% { background-position: -1204px 0px; } 88.00% { background-position: -1232px 0px; } 90.00% { background-position: -1260px 0px; } 92.00% { background-position: -1288px 0px; } 94.00% { background-position: -1316px 0px; } 96.00% { background-position: -1344px 0px; } 98.00% { background-position: -1372px 0px; } 100.00% { background-position: -1400px 0px; } }
预览背景颜色:
设置
