用户:Fairytale/vector.css
注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:前往菜单 → 历史(Mac为Opera → Preferences),或按Ctrl-Shift-Del,然后清除浏览数据 → 勾选“已缓存的图片和文件” → 清除数据。
#fou{
width: 120px;
height: 120px;
background-image: url("https://fgo.wiki/images/1/1a/Fou.png");
background-position: 0px 0px;
animation: fouRun .6s steps(1,start) 0s infinite;
}
@keyframes fouRun{
0%{background-position: 0px 0px;}
100%{background-position: -120px 0px;}
33%{background-position: -240px 0px;}
66%{background-position: -360px 0px;}
}