手机扫码免费下载
纠错留言#画小人在跑步简介
track {
width: 800px;
height: 400px;
backgroundcolor: f0f0f0;
position: relative;
overflow: hidden;
}
runner {
width: 20px;
height: 60px;
backgroundcolor: ff0000;
position: absolute;
bottom: 0;
left: 0;
animation: run 2s linear infinite;
}
@keyframes run {
0% { left: 0; }
100% { left: 780px; }
}
Creating a Running Stick Figure on a Track
In this simple animation, a stick figure representing a runner is moving along a track.