1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="200"
height="200"
viewBox="0 0 32 32"
version="1.1"
id="svg1"
sodipodi:docname="train-speed.svg"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="3.5898048"
inkscape:cx="20.753218"
inkscape:cy="-4.7356336"
inkscape:window-width="2248"
inkscape:window-height="1470"
inkscape:window-x="0"
inkscape:window-y="26"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<style>
#path1 {
animation: train 4s infinite;
animation-timing-function: ease-in-out;
}
@keyframes train {
0% {
transform: translate(-30px);
}
30% {
transform: translate(-5px);
}
53% {
transform: translate(-15px);
}
100% {
transform: translate(140px);
}
}
#path1 {
animation: train 4s infinite;
}
@keyframes train {
0% {
transform: translate(-30px);
}
35% {
transform: translate(-5px);
}
60% {
transform: translate(-15px);
}
100% {
transform: translate(80px);
}
}
</style>
<path
fill="#000000"
d="M 29.714,16.59 18.15,8.64 C 15.651447,6.9168384 12.687134,5.9959408 9.652,6 H 2 v 2 h 7.652 c 2.630327,-0.00357 5.199339,0.7941693 7.365,2.287 L 18.053,11 H 9 v 2 h 11.962 l 7.62,5.238 c 0.782412,0.537956 0.400506,1.763671 -0.549,1.762 H 2 v 2 h 26.034 c 2.912396,-4.73e-4 4.07983,-3.759889 1.68,-5.41 z"
id="path1"
sodipodi:nodetypes="ccccccccccccccccc" />
<path
fill="#000000"
d="M 52.076009,25 H 2 v 2 h 3.5768578 v 2 H 9.1537156 V 27 H 18.09586 v 2 h 3.576858 v -2 h 8.942145 v 2 h 3.576857 v -2 h 8.942145 v 2 h 3.576858 v -2 h 5.365286 z"
id="path2"
sodipodi:nodetypes="ccccccccccccccccccccc"
style="stroke-width:1.33732">
<animateTransform
attributeName="transform"
attributeType="XML"
type="translate"
from="0"
to="-26"
dur="0.25s"
repeatCount="indefinite" />
<animateTransform
attributeName="transform"
attributeType="XML"
type="translate"
from="0"
to="-12"
dur="0.15s"
repeatCount="indefinite" />
</path>
</svg>
|