1.loader {
2 overflow: hidden;
3 position: relative;
4}
5
6.wheel {
7 fill: rgb(128, 128, 128);
8 font-size: 100px;
9 width: 100px;
10 height: 100px;
11 border-radius: 6em;
12 text-align: center;
13 animation: rolling 1s linear infinite;
14}
15
16#rim {
17 fill: rgb(126, 126, 126);
18}
19
20#tire {
21 fill: rgb(55, 55, 55);
22}
23
24.road {
25 position: absolute;
26 margin-top: -4px;
27 width: 100%;
28 height: 10px;
29 border-radius: 5em;
30 background-color: rgb(55, 55, 55);
31 animation: road-move 2s linear infinite;
32}
33
34@keyframes rolling {
35 to {
36 transform: rotate(-360deg);
37 }
38}
39
40@keyframes road-move {
41 from {
42 transform: translateX(-140%);
43 }
44
45 to {
46 transform: translateX(100%);
47 }
48}
49
