svg+css实现细菌旋转聚集loading加载动画效果代码
代码语言:html
所属分类:加载滚动
代码描述:svg+css实现细菌旋转聚集loading加载动画效果代码
代码标签: svg css 细菌 旋转 聚集 loading 加载 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { background: #111; } svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; max-width: 100%; } </style> </head> <body translate="no"> <svg viewBox="0 0 100 100"> <g transform="rotate(185 50 50)"> <path d="M 50 55 q 6 9 12 0" stroke="#0f0" stroke-width="1.13" fill="none" stroke-linecap="round" filter="hue-rotate(12deg)"> <animate attributeName="d" values="M 50 55 q 6 9 12 0; M 50 60 q 6 -9 12 0; M 50 55 q 6 9 12 0" dur="1076ms" begin="-1028ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.64 0.52 0.73 0.03; 0.56 0.61 0.51 0.04" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(27 50 50)"> <path d="M 50 55 q 7.5 3 15 0" stroke="#0f0" stroke-width="0.85" fill="none" stroke-linecap="round" filter="hue-rotate(17.5deg)"> <animate attributeName="d" values="M 50 55 q 7.5 3 15 0; M 50 60 q 7.5 -3 15 0; M 50 55 q 7.5 3 15 0" dur="1253ms" begin="-1156ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.88 0.51 0.94 0.67; 0.23 0.24 0.97 0.99" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(306 50 50)"> <path d="M 50 55 q 3 8 6 0" stroke="#0f0" stroke-width="1.14" fill="none" stroke-linecap="round" filter="hue-rotate(-6.6deg)"> <animate attributeName="d" values="M 50 55 q 3 8 6 0; M 50 60 q 3 -8 6 0; M 50 55 q 3 8 6 0" dur="1601ms" begin="-1080ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.02 0.75 0.79 0.24; 0.88 0.84 0.75 0.11" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(147 50 50)"> <path d="M 50 55 q 7 2 14 0" stroke="#0f0" stroke-width="1.27" fill="none" stroke-linecap="round" filter="hue-rotate(19.3deg)"> <animate attributeName="d" values="M 50 55 q 7 2 14 0; M 50 60 q 7 -2 14 0; M 50 55 q 7 2 14 0" dur="1632ms" begin="-1539ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.94 0.03 0.41 0.93; 0.92 0.85 0.71 0.14" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(52 50 50)"> <path d="M 50 55 q 7 10 14 0" stroke="#0f0" stroke-width="1.07" fill="none" stroke-linecap="round" filter="hue-rotate(41.4deg)"> <animate attributeName="d" values="M 50 55 q 7 10 14 0; M 50 60 q 7 -10 14 0; M 50 55 q 7 10 14 0" dur="1455ms" begin="-1963ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.49 0.02 0.32 0.94; 0.06 0.02 0.72 0.09" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(226 50 50)"> <path d="M 50 55 q 6.5 2 13 0" stroke="#0f0" stroke-width="1.18" fill="none" stroke-linecap="round" filter="hue-rotate(-13.4deg)"> <animate attributeName="d" values="M 50 55 q 6.5 2 13 0; M 50 60 q 6.5 -2 13 0; M 50 55 q 6.5 2 13 0" dur="1279ms" begin="-1339ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.23 0.18 0.26 0.26; 0.03 0.64 0.24 0.2" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(256 50 50)"> <path d="M 50 55 q 3.5 5 7 0" stroke="#0f0" stroke-width="1.22" fill="none" stroke-linecap="round" filter="hue-rotate(36.3deg)"> <animate attributeName="d" values="M 50 55 q 3.5 5 7 0; M 50 60 q 3.5 -5 7 0; M 50 55 q 3.5 5 7 0" dur="1598ms" begin="-1213ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.48 0.52 0.41 0.43; 0.73 0.95 0.57 0.48" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(264 50 50)"> <path d="M 50 55 q 4.5 9 9 0" stroke="#0f0" stroke-width="0.81" fill="none" stroke-linecap="round" filter="hue-rotate(-3.3deg)"> <animate attributeName="d" values="M 50 55 q 4.5 9 9 0; M 50 60 q 4.5 -9 9 0; M 50 55 q 4.5 9 9 0" dur="1115ms" begin="-1555ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.41 0.02 0.78 0.71; 0.85 0.7 0.06 0.28" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(170 50 50)"> <path d="M 50 55 q 5 4 10 0" stroke="#0f0" stroke-width="1.27" fill="none" stroke-linecap="round" filter="hue-rotate(-10.6deg)"> <animate attributeName="d" values="M 50 55 q 5 4 10 0; M 50 60 q 5 -4 10 0; M 50 55 q 5 4 10 0" dur="1221ms" begin="-1881ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.18 0.51 0.29 0.2; 0.13 0.12 0.65 0.45" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(73 50 50)"> <path d="M 50 55 q 7.5 8 15 0" stroke="#0f0" stroke-width="0.84" fill="none" stroke-linecap="round" filter="hue-rotate(44.2deg)"> <animate attributeName="d" values="M 50 55 q 7.5 8 15 0; M 50 60 q 7.5 -8 15 0; M 50 55 q 7.5 8 15 0" dur="1437ms" begin="-1683ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.02 0.79 0.93 0.47; 0.96 0.62 0.55 0.87" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(340 50 50)"> <path d="M 50 55 q 5 5 10 0" stroke="#0f0" stroke-width="0.92" fill="none" stroke-linecap="round" filter="hue-rotate(20.2deg)"> <animate attributeName="d" values="M 50 55 q 5 5 10 0; M 50 60 q 5 -5 10 0; M 50 55 q 5 5 10 0" dur="1366ms" begin="-1065ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.53 0.68 0.32 0.25; 0.07 0.51 0.34 0.69" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(83 50 50)"> <path d="M 50 55 q 4.5 9 9 0" stroke="#0f0" stroke-width="1.25" fill="none" stroke-linecap="round" filter="hue-rotate(-18.8deg)"> <animate attributeName="d" values="M 50 55 q 4.5 9 9 0; M 50 60 q 4.5 -9 9 0; M 50 55 q 4.5 9 9 0" dur="1103ms" begin="-1271ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.7 0.67 0.13 0.11; 0.75 0.55 0.82 0.49" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(135 50 50)"> <path d="M 50 55 q 4.5 2 9 0" stroke="#0f0" stroke-width="0.6" fill="none" stroke-linecap="round" filter="hue-rotate(37.7deg)"> <animate attributeName="d" values="M 50 55 q 4.5 2 9 0; M 50 60 q 4.5 -2 9 0; M 50 55 q 4.5 2 9 0" dur="1642ms" begin="-1765ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.34 0.83 0.68 0.82; 0.9 0.5 0.56 0.95" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(292 50 50)"> <path d="M 50 55 q 3 2 6 0" stroke="#0f0" stroke-width="1.17" fill="none" stroke-linecap="round" filter="hue-rotate(21.4deg)"> <animate attributeName="d" values="M 50 55 q 3 2 6 0; M 50 60 q 3 -2 6 0; M 50 55 q 3 2 6 0" dur="1440ms" begin="-1838ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.65 0.55 0.71 0.72; 0.54 0.31 0.68 0.78" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(129 50 50)"> <path d="M 50 55 q 7 9 14 0" stroke="#0f0" stroke-width="1.1" fill="none" stroke-linecap="round" filter="hue-rotate(49.1deg)"> <animate attributeName="d" values="M 50 55 q 7 9 14 0; M 50 60 q 7 -9 14 0; M 50 55 q 7 9 14 0" dur="1924ms" begin="-1165ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.8 0.16 0.13 0.96; 0.35 0.87 0.35 0.49" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(204 50 50)"> <path d="M 50 55 q 3.5 2 7 0" stroke="#0f0" stroke-width="0.79" fill="none" stroke-linecap="round" filter="hue-rotate(-9.4deg)"> <animate attributeName="d" values="M 50 55 q 3.5 2 7 0; M 50 60 q 3.5 -2 7 0; M 50 55 q 3.5 2 7 0" dur="1248ms" begin="-1738ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.8 0.08 0.55 0.79; 0.97 0.21 0.62 0.71" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(54 50 50)"> <path d="M 50 55 q 5 3 10 0" stroke="#0f0" stroke-width="0.89" fill="none" stroke-linecap="round" filter="hue-rotate(18.9deg)"> <animate attributeName="d" values="M 50 55 q 5 3 10 0; M 50 60 q 5 -3 10 0; M 50 55 q 5 3 10 0" dur="1034ms" begin="-1702ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.41 0.61 0.71 0.18; 0.19 0.06 0.85 0.87" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(19 50 50)"> <path d="M 50 55 q 2.5 8 5 0" stroke="#0f0" stroke-width="1.09" fill="none" stroke-linecap="round" filter="hue-rotate(27.2deg)"> <animate attributeName="d" values="M 50 55 q 2.5 8 5 0; M 50 60 q 2.5 -8 5 0; M 50 55 q 2.5 8 5 0" dur="1789ms" begin="-1941ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.9 0.7 0.09 0.89; 0.25 0.67 0.58 0.29" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(53 50 50)"> <path d="M 50 55 q 7.5 6 15 0" stroke="#0f0" stroke-width="1.18" fill="none" stroke-linecap="round" filter="hue-rotate(4.5deg)"> <animate attributeName="d" values="M 50 55 q 7.5 6 15 0; M 50 60 q 7.5 -6 15 0; M 50 55 q 7.5 6 15 0" dur="1397ms" begin="-1123ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.19 0.21 0.83 0.04; 0.99 0.76 0.69 0.69" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(19 50 50)"> <path d="M 50 55 q 6.5 6 13 0" stroke="#0f0" stroke-width="0.78" fill="none" stroke-linecap="round" filter="hue-rotate(-15.8deg)"> <animate attributeName="d" values="M 50 55 q 6.5 6 13 0; M 50 60 q 6.5 -6 13 0; M 50 55 q 6.5 6 13 0" dur="1014ms" begin="-1362ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.93 0.55 0.75 0.06; 0.34 0.96 0.72 0.55" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(43 50 50)"> <path d="M 50 55 q 6.5 9 13 0" stroke="#0f0" stroke-width="0.82" fill="none" stroke-linecap="round" filter="hue-rotate(48.8deg)"> <animate attributeName="d" values="M 50 55 q 6.5 9 13 0; M 50 60 q 6.5 -9 13 0; M 50 55 q 6.5 9 13 0" dur="1265ms" begin="-1570ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.97 0.66 0.77 0.02; 0.82 0.32 0.55 0.75" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(175 50 50)"> <path d="M 50 55 q 6 8 12 0" stroke="#0f0" stroke-width="1.09" fill="none" stroke-linecap="round" filter="hue-rotate(-29.9deg)"> <animate attributeName="d" values="M 50 55 q 6 8 12 0; M 50 60 q 6 -8 12 0; M 50 55 q 6 8 12 0" dur="1881ms" begin="-1280ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.19 0.95 0.89 0.76; 0.31 0.57 0.94 0.28" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(307 50 50)"> <path d="M 50 55 q 3 3 6 0" stroke="#0f0" stroke-width="0.94" fill="none" stroke-linecap="round" filter="hue-rotate(-15.3deg)"> <animate attributeName="d" values="M 50 55 q 3 3 6 0; M 50 60 q 3 -3 6 0; M 50 55 q 3 3 6 0" dur="1194ms" begin="-1196ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.6 0.73 0.72 0.58; 0.89 0.57 0.1 0.02" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(141 50 50)"> <path d="M 50 55 q 7 8 14 0" stroke="#0f0" stroke-width="0.67" fill="none" stroke-linecap="round" filter="hue-rotate(37.6deg)"> <animate attributeName="d" values="M 50 55 q 7 8 14 0; M 50 60 q 7 -8 14 0; M 50 55 q 7 8 14 0" dur="1630ms" begin="-1024ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.89 0.89 0.53 1; 0.34 0.77 0.35 0.2" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(185 50 50)"> <path d="M 50 55 q 4 5 8 0" stroke="#0f0" stroke-width="0.85" fill="none" stroke-linecap="round" filter="hue-rotate(-25.5deg)"> <animate attributeName="d" values="M 50 55 q 4 5 8 0; M 50 60 q 4 -5 8 0; M 50 55 q 4 5 8 0" dur="1556ms" begin="-1083ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.42 0.47 0.14 0.58; 0.36 0.53 0.6 0.88" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(192 50 50)"> <path d="M 50 55 q 3 7 6 0" stroke="#0f0" stroke-width="0.9" fill="none" stroke-linecap="round" filter="hue-rotate(-21deg)"> <animate attributeName="d" values="M 50 55 q 3 7 6 0; M 50 60 q 3 -7 6 0; M 50 55 q 3 7 6 0" dur="1570ms" begin="-1368ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.1 0.58 0.21 0.56; 0.44 0.99 0.62 0.52" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(193 50 50)"> <path d="M 50 55 q 3 5 6 0" stroke="#0f0" stroke-width="0.59" fill="none" stroke-linecap="round" filter="hue-rotate(48.6deg)"> <animate attributeName="d" values="M 50 55 q 3 5 6 0; M 50 60 q 3 -5 6 0; M 50 55 q 3 5 6 0" dur="1208ms" begin="-1729ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.99 0.45 0.99 0.31; 0.6 0.83 0.63 0.23" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(13 50 50)"> <path d="M 50 55 q 2.5 4 5 0" stroke="#0f0" stroke-width="0.96" fill="none" stroke-linecap="round" filter="hue-rotate(-22.6deg)"> <animate attributeName="d" values="M 50 55 q 2.5 4 5 0; M 50 60 q 2.5 -4 5 0; M 50 55 q 2.5 4 5 0" dur="1043ms" begin="-1089ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.08 0.03 0.52 0.53; 0.42 0.52 0.04 0.56" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(66 50 50)"> <path d="M 50 55 q 3 3 6 0" stroke="#0f0" stroke-width="0.54" fill="none" stroke-linecap="round" filter="hue-rotate(-2deg)"> <animate attributeName="d" values="M 50 55 q 3 3 6 0; M 50 60 q 3 -3 6 0; M 50 55 q 3 3 6 0" dur="1440ms" begin="-1031ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.28 0.12 0.83 0.68; 0 0.92 0.19 0.81" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(230 50 50)"> <path d="M 50 55 q 6.5 8 13 0" stroke="#0f0" stroke-width="0.5" fill="none" stroke-linecap="round" filter="hue-rotate(3.8deg)"> <animate attributeName="d" values="M 50 55 q 6.5 8 13 0; M 50 60 q 6.5 -8 13 0; M 50 55 q 6.5 8 13 0" dur="1925ms" begin="-1880ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.47 0.78 0.53 0.77; 0.12 0.46 0.25 0.37" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(143 50 50)"> <path d="M 50 55 q 2.5 10 5 0" stroke="#0f0" stroke-width="0.8" fill="none" stroke-linecap="round" filter="hue-rotate(-24.1deg)"> <animate attributeName="d" values="M 50 55 q 2.5 10 5 0; M 50 60 q 2.5 -10 5 0; M 50 55 q 2.5 10 5 0" dur="1198ms" begin="-1154ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.05 0.8 0.47 0.09; 0.69 0.61 0.74 0.08" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(293 50 50)"> <path d="M 50 55 q 6.5 5 13 0" stroke="#0f0" stroke-width="1.17" fill="none" stroke-linecap="round" filter="hue-rotate(-14.5deg)"> <animate attributeName="d" values="M 50 55 q 6.5 5 13 0; M 50 60 q 6.5 -5 13 0; M 50 55 q 6.5 5 13 0" dur="1916ms" begin="-1984ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.5 0.2 0.89 0.2; 0.04 0.56 0.23 0.47" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(145 50 50)"> <path d="M 50 55 q 3 6 6 0" stroke="#0f0" stroke-width="0.78" fill="none" stroke-linecap="round" filter="hue-rotate(35deg)"> <animate attributeName="d" values="M 50 55 q 3 6 6 0; M 50 60 q 3 -6 6 0; M 50 55 q 3 6 6 0" dur="1098ms" begin="-1110ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.53 0.36 0.11 0.33; 0.59 0.47 0.43 0.35" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(38 50 50)"> <path d="M 50 55 q 4 6 8 0" stroke="#0f0" stroke-width="0.79" fill="none" stroke-linecap="round" filter="hue-rotate(45deg)"> <animate attributeName="d" values="M 50 55 q 4 6 8 0; M 50 60 q 4 -6 8 0; M 50 55 q 4 6 8 0" dur="1094ms" begin="-1679ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.56 0.11 0.66 0.63; 0.63 0.95 0.44 0.47" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(70 50 50)"> <path d="M 50 55 q 6 3 12 0" stroke="#0f0" stroke-width="0.51" fill="none" stroke-linecap="round" filter="hue-rotate(-21.5deg)"> <animate attributeName="d" values="M 50 55 q 6 3 12 0; M 50 60 q 6 -3 12 0; M 50 55 q 6 3 12 0" dur="1240ms" begin="-1109ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.77 0.46 0.99 0.53; 0.36 0.79 0.39 0.76" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(28 50 50)"> <path d="M 50 55 q 4 5 8 0" stroke="#0f0" stroke-width="0.66" fill="none" stroke-linecap="round" filter="hue-rotate(33.8deg)"> <animate attributeName="d" values="M 50 55 q 4 5 8 0; M 50 60 q 4 -5 8 0; M 50 55 q 4 5 8 0" dur="1143ms" begin="-1348ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.33 0.99 0.38 0.11; 0.12 0.68 0.53 0.42" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(140 50 50)"> <path d="M 50 55 q 6.5 5 13 0" stroke="#0f0" stroke-width="1.22" fill="none" stroke-linecap="round" filter="hue-rotate(-7.8deg)"> <animate attributeName="d" values="M 50 55 q 6.5 5 13 0; M 50 60 q 6.5 -5 13 0; M 50 55 q 6.5 5 13 0" dur="1833ms" begin="-1740ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.39 0.97 0.88 0.19; 0.57 0.55 0.36 0.74" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(269 50 50)"> <path d="M 50 55 q 7.5 10 15 0" stroke="#0f0" stroke-width="0.59" fill="none" stroke-linecap="round" filter="hue-rotate(-24.6deg)"> <animate attributeName="d" values="M 50 55 q 7.5 10 15 0; M 50 60 q 7.5 -10 15 0; M 50 55 q 7.5 10 15 0" dur="1502ms" begin="-1098ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.04 0.39 0.31 0.27; 0.18 0.2 0.3 0.48" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(209 50 50)"> <path d="M 50 55 q 7 8 14 0" stroke="#0f0" stroke-width="1.01" fill="none" stroke-linecap="round" filter="hue-rotate(-15.2deg)"> <animate attributeName="d" values="M 50 55 q 7 8 14 0; M 50 60 q 7 -8 14 0; M 50 55 q 7 8 14 0" dur="1042ms" begin="-1087ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.83 0.31 0.07 0.54; 0.06 0.8 0.71 0.91" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(256 50 50)"> <path d="M 50 55 q 7 2 14 0" stroke="#0f0" stroke-width="0.5" fill="none" stroke-linecap="round" filter="hue-rotate(43.8deg)"> <animate attributeName="d" values="M 50 55 q 7 2 14 0; M 50 60 q 7 -2 14 0; M 50 55 q 7 2 14 0" dur="1103ms" begin="-1141ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.36 0.34 0.35 0.47; 0.94 0.85 0.97 0.87" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(231 50 50)"> <path d="M 50 55 q 7 10 14 0" stroke="#0f0" stroke-width="0.94" fill="none" stroke-linecap="round" filter="hue-rotate(25.9deg)"> <animate attributeName="d" values="M 50 55 q 7 10 14 0; M 50 60 q 7 -10 14 0; M 50 55 q 7 10 14 0" dur="1023ms" begin="-1614ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.55 0.17 0.34 0.94; 0.89 0.65 0.74 0.2" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(223 50 50)"> <path d="M 50 55 q 2.5 9 5 0" stroke="#0f0" stroke-width="1.25" fill="none" stroke-linecap="round" filter="hue-rotate(39.7deg)"> <animate attributeName="d" values="M 50 55 q 2.5 9 5 0; M 50 60 q 2.5 -9 5 0; M 50 55 q 2.5 9 5 0" dur="1180ms" begin="-1552ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.98 0.53 0.65 0.02; 0.47 0.91 0.96 0.09" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(359 50 50)"> <path d="M 50 55 q 2.5 7 5 0" stroke="#0f0" stroke-width="0.9" fill="none" stroke-linecap="round" filter="hue-rotate(22deg)"> <animate attributeName="d" values="M 50 55 q 2.5 7 5 0; M 50 60 q 2.5 -7 5 0; M 50 55 q 2.5 7 5 0" dur="1634ms" begin="-1421ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.32 0.2 0.86 0.94; 0.99 0.79 0.74 0.58" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(257 50 50)"> <path d="M 50 55 q 5 6 10 0" stroke="#0f0" stroke-width="1.28" fill="none" stroke-linecap="round" filter="hue-rotate(-14.3deg)"> <animate attributeName="d" values="M 50 55 q 5 6 10 0; M 50 60 q 5 -6 10 0; M 50 55 q 5 6 10 0" dur="1363ms" begin="-1355ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.2 0.33 0.85 0.35; 0.71 1 0.6 0.31" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(218 50 50)"> <path d="M 50 55 q 7.5 5 15 0" stroke="#0f0" stroke-width="0.92" fill="none" stroke-linecap="round" filter="hue-rotate(-19.9deg)"> <animate attributeName="d" values="M 50 55 q 7.5 5 15 0; M 50 60 q 7.5 -5 15 0; M 50 55 q 7.5 5 15 0" dur="1657ms" begin="-1437ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.92 0.63 0.92 0.57; 0.21 0.14 0.61 0.26" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(133 50 50)"> <path d="M 50 55 q 3.5 9 7 0" stroke="#0f0" stroke-width="1.21" fill="none" stroke-linecap="round" filter="hue-rotate(10.5deg)"> <animate attributeName="d" values="M 50 55 q 3.5 9 7 0; M 50 60 q 3.5 -9 7 0; M 50 55 q 3.5 9 7 0" dur="1994ms" begin="-1314ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.57 0.28 0.51 0.85; 0.02 0.93 0.93 0.18" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(273 50 50)"> <path d="M 50 55 q 4 4 8 0" stroke="#0f0" stroke-width="0.72" fill="none" stroke-linecap="round" filter="hue-rotate(3.4deg)"> <animate attributeName="d" values="M 50 55 q 4 4 8 0; M 50 60 q 4 -4 8 0; M 50 55 q 4 4 8 0" dur="1947ms" begin="-1963ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.27 0.87 0.81 0.27; 0.5 0.18 0.12 0.72" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(221 50 50)"> <path d="M 50 55 q 3.5 10 7 0" stroke="#0f0" stroke-width="1.17" fill="none" stroke-linecap="round" filter="hue-rotate(29.5deg)"> <animate attributeName="d" values="M 50 55 q 3.5 10 7 0; M 50 60 q 3.5 -10 7 0; M 50 55 q 3.5 10 7 0" dur="1774ms" begin="-1501ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.52 0.32 0.02 0.12; 0.25 0.33 0.14 0" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(203 50 50)"> <path d="M 50 55 q 7.5 3 15 0" stroke="#0f0" stroke-width="1.16" fill="none" stroke-linecap="round" filter="hue-rotate(32.4deg)"> <animate attributeName="d" values="M 50 55 q 7.5 3 15 0; M 50 60 q 7.5 -3 15 0; M 50 55 q 7.5 3 15 0" dur="1672ms" begin="-1635ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.53 0.98 0.51 0.12; 0.44 0.24 0.34 0.53" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(344 50 50)"> <path d="M 50 55 q 5 6 10 0" stroke="#0f0" stroke-width="0.99" fill="none" stroke-linecap="round" filter="hue-rotate(45.4deg)"> <animate attributeName="d" values="M 50 55 q 5 6 10 0; M 50 60 q 5 -6 10 0; M 50 55 q 5 6 10 0" dur="1447ms" begin="-1948ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.14 0.13 0.44 0.79; 0.62 0.34 0.46 0.43" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(311 50 50)"> <path d="M 50 55 q 4.5 9 9 0" stroke="#0f0" stroke-width="0.74" fill="none" stroke-linecap="round" filter="hue-rotate(37.5deg)"> <animate attributeName="d" values="M 50 55 q 4.5 9 9 0; M 50 60 q 4.5 -9 9 0; M 50 55 q 4.5 9 9 0" dur="1092ms" begin="-1732ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.63 0.31 0.53 0.41; 0.41 0.42 0.86 0.51" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(348 50 50)"> <path d="M 50 55 q 3.5 3 7 0" stroke="#0f0" stroke-width="1.19" fill="none" stroke-linecap="round" filter="hue-rotate(-6deg)"> <animate attributeName="d" values="M 50 55 q 3.5 3 7 0; M 50 60 q 3.5 -3 7 0; M 50 55 q 3.5 3 7 0" dur="1544ms" begin="-1642ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.52 0.26 0.56 0.29; 0.65 0.21 0.29 0.58" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(347 50 50)"> <path d="M 50 55 q 6 7 12 0" stroke="#0f0" stroke-width="1.28" fill="none" stroke-linecap="round" filter="hue-rotate(17.3deg)"> <animate attributeName="d" values="M 50 55 q 6 7 12 0; M 50 60 q 6 -7 12 0; M 50 55 q 6 7 12 0" dur="1911ms" begin="-1352ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.63 0.43 0.41 0.15; 0.53 0.33 0.03 0.01" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(286 50 50)"> <path d="M 50 55 q 3 6 6 0" stroke="#0f0" stroke-width="1.07" fill="none" stroke-linecap="round" filter="hue-rotate(-17.9deg)"> <animate attributeName="d" values="M 50 55 q 3 6 6 0; M 50 60 q 3 -6 6 0; M 50 55 q 3 6 6 0" dur="1469ms" begin="-1880ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.16 0.1 0.62 0.16; 0.75 0.16 0.46 0.89" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(179 50 50)"> <path d="M 50 55 q 5 2 10 0" stroke="#0f0" stroke-width="1.26" fill="none" stroke-linecap="round" filter="hue-rotate(25.7deg)"> <animate attributeName="d" values="M 50 55 q 5 2 10 0; M 50 60 q 5 -2 10 0; M 50 55 q 5 2 10 0" dur="1558ms" begin="-1079ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.38 0.72 0.31 0.7; 0.6 0.22 0.33 0.34" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(345 50 50)"> <path d="M 50 55 q 7.5 8 15 0" stroke="#0f0" stroke-width="0.77" fill="none" stroke-linecap="round" filter="hue-rotate(-28.1deg)"> <animate attributeName="d" values="M 50 55 q 7.5 8 15 0; M 50 60 q 7.5 -8 15 0; M 50 55 q 7.5 8 15 0" dur="1500ms" begin="-1038ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.86 0.81 0.74 0.41; 0.29 0.8 0.35 0.47" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(128 50 50)"> <path d="M 50 55 q 2.5 4 5 0" stroke="#0f0" stroke-width="0.79" fill="none" stroke-linecap="round" filter="hue-rotate(12.3deg)"> <animate attributeName="d" values="M 50 55 q 2.5 4 5 0; M 50 60 q 2.5 -4 5 0; M 50 55 q 2.5 4 5 0" dur="1456ms" begin="-1234ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.85 0.39 0.84 0.75; 0.74 0.55 0.13 0.05" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(228 50 50)"> <path d="M 50 55 q 7 2 14 0" stroke="#0f0" stroke-width="1.03" fill="none" stroke-linecap="round" filter="hue-rotate(35.1deg)"> <animate attributeName="d" values="M 50 55 q 7 2 14 0; M 50 60 q 7 -2 14 0; M 50 55 q 7 2 14 0" dur="1405ms" begin="-1693ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.82 0.99 0.43 0; 0.58 0.76 0.7 0.54" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(289 50 50)"> <path d="M 50 55 q 6.5 7 13 0" stroke="#0f0" stroke-width="1.16" fill="none" stroke-linecap="round" filter="hue-rotate(37.2deg)"> <animate attributeName="d" values="M 50 55 q 6.5 7 13 0; M 50 60 q 6.5 -7 13 0; M 50 55 q 6.5 7 13 0" dur="1847ms" begin="-1286ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.06 0.79 0.68 0.04; 0.59 0.92 1 0.75" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(204 50 50)"> <path d="M 50 55 q 2.5 7 5 0" stroke="#0f0" stroke-width="0.68" fill="none" stroke-linecap="round" filter="hue-rotate(-10.2deg)"> <animate attributeName="d" values="M 50 55 q 2.5 7 5 0; M 50 60 q 2.5 -7 5 0; M 50 55 q 2.5 7 5 0" dur="1808ms" begin="-1782ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.8 0.45 0.02 0.17; 0.64 0.86 0.13 0.68" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(58 50 50)"> <path d="M 50 55 q 7 8 14 0" stroke="#0f0" stroke-width="0.76" fill="none" stroke-linecap="round" filter="hue-rotate(1.1deg)"> <animate attributeName="d" values="M 50 55 q 7 8 14 0; M 50 60 q 7 -8 14 0; M 50 55 q 7 8 14 0" dur="1827ms" begin="-1173ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="1 0.16 0.71 0.94; 0.29 0.92 0.74 0.56" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(22 50 50)"> <path d="M 50 55 q 4.5 10 9 0" stroke="#0f0" stroke-width="1.25" fill="none" stroke-linecap="round" filter="hue-rotate(5.9deg)"> <animate attributeName="d" values="M 50 55 q 4.5 10 9 0; M 50 60 q 4.5 -10 9 0; M 50 55 q 4.5 10 9 0" dur="1482ms" begin="-1961ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.04 0.06 0.43 0.09; 0.05 0.61 0.42 0.99" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(300 50 50)"> <path d="M 50 55 q 2.5 4 5 0" stroke="#0f0" stroke-width="1.29" fill="none" stroke-linecap="round" filter="hue-rotate(22.5deg)"> <animate attributeName="d" values="M 50 55 q 2.5 4 5 0; M 50 60 q 2.5 -4 5 0; M 50 55 q 2.5 4 5 0" dur="1302ms" begin="-1635ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.09 0.05 0.66 0.91; 0.83 0.97 0.38 0.4" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(27 50 50)"> <path d="M 50 55 q 3 5 6 0" stroke="#0f0" stroke-width="0.9" fill="none" stroke-linecap="round" filter="hue-rotate(-16.9deg)"> <animate attributeName="d" values="M 50 55 q 3 5 6 0; M 50 60 q 3 -5 6 0; M 50 55 q 3 5 6 0" dur="1994ms" begin="-1826ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.64 0.53 0.7 0.65; 0.63 0.01 0.44 0.51" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(77 50 50)"> <path d="M 50 55 q 7 6 14 0" stroke="#0f0" stroke-width="0.87" fill="none" stroke-linecap="round" filter="hue-rotate(5.9deg)"> <animate attributeName="d" values="M 50 55 q 7 6 14 0; M 50 60 q 7 -6 14 0; M 50 55 q 7 6 14 0" dur="1767ms" begin="-1999ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.07 0.03 1 0.98; 0.82 0.09 0.62 0.87" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(59 50 50)"> <path d="M 50 55 q 3 3 6 0" stroke="#0f0" stroke-width="1.06" fill="none" stroke-linecap="round" filter="hue-rotate(-25.7deg)"> <animate attributeName="d" values="M 50 55 q 3 3 6 0; M 50 60 q 3 -3 6 0; M 50 55 q 3 3 6 0" dur="1680ms" begin="-1970ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.67 0.77 0.77 0.04; 0.92 0.78 0.24 0.66" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(233 50 50)"> <path d="M 50 55 q 5.5 10 11 0" stroke="#0f0" stroke-width="0.74" fill="none" stroke-linecap="round" filter="hue-rotate(-28.6deg)"> <animate attributeName="d" values="M 50 55 q 5.5 10 11 0; M 50 60 q 5.5 -10 11 0; M 50 55 q 5.5 10 11 0" dur="1615ms" begin="-1918ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.56 0.49 0.27 0.96; 0.31 0.85 0.95 0.16" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(326 50 50)"> <path d="M 50 55 q 5 2 10 0" stroke="#0f0" stroke-width="1.23" fill="none" stroke-linecap="round" filter="hue-rotate(-28.6deg)"> <animate attributeName="d" values="M 50 55 q 5 2 10 0; M 50 60 q 5 -2 10 0; M 50 55 q 5 2 10 0" dur="1491ms" begin="-1284ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.15 0.89 0.05 0.23; 0.78 0.88 0.2 0.68" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(25 50 50)"> <path d="M 50 55 q 6.5 8 13 0" stroke="#0f0" stroke-width="0.54" fill="none" stroke-linecap="round" filter="hue-rotate(-2.1deg)"> <animate attributeName="d" values="M 50 55 q 6.5 8 13 0; M 50 60 q 6.5 -8 13 0; M 50 55 q 6.5 8 13 0" dur="1034ms" begin="-1301ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.57 0.05 0.25 0.25; 0 0.24 0.37 0.56" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(14 50 50)"> <path d="M 50 55 q 5.5 9 11 0" stroke="#0f0" stroke-width="0.77" fill="none" stroke-linecap="round" filter="hue-rotate(24.2deg)"> <animate attributeName="d" values="M 50 55 q 5.5 9 11 0; M 50 60 q 5.5 -9 11 0; M 50 55 q 5.5 9 11 0" dur="1815ms" begin="-1878ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.96 0.19 0.07 0.83; 0.8 0.92 0.91 0.58" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(186 50 50)"> <path d="M 50 55 q 4.5 10 9 0" stroke="#0f0" stroke-width="1.2" fill="none" stroke-linecap="round" filter="hue-rotate(21.7deg)"> <animate attributeName="d" values="M 50 55 q 4.5 10 9 0; M 50 60 q 4.5 -10 9 0; M 50 55 q 4.5 10 9 0" dur="1543ms" begin="-1545ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.41 0.26 0.43 0.78; 0.88 0.29 0.26 0.96" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(236 50 50)"> <path d="M 50 55 q 4 4 8 0" stroke="#0f0" stroke-width="1.25" fill="none" stroke-linecap="round" filter="hue-rotate(-16.3deg)"> <animate attributeName="d" values="M 50 55 q 4 4 8 0; M 50 60 q 4 -4 8 0; M 50 55 q 4 4 8 0" dur="1428ms" begin="-1187ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.13 0.96 0.97 0.62; 0.95 0.99 0.25 0.17" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(234 50 50)"> <path d="M 50 55 q 2.5 4 5 0" stroke="#0f0" stroke-width="1.28" fill="none" stroke-linecap="round" filter="hue-rotate(43.3deg)"> <animate attributeName="d" values="M 50 55 q 2.5 4 5 0; M 50 60 q 2.5 -4 5 0; M 50 55 q 2.5 4 5 0" dur="1843ms" begin="-1075ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.58 0.35 0.02 0.33; 0.59 0.01 0.63 0.08" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(202 50 50)"> <path d="M 50 55 q 4.5 3 9 0" stroke="#0f0" stroke-width="1.03" fill="none" stroke-linecap="round" filter="hue-rotate(4.7deg)"> <animate attributeName="d" values="M 50 55 q 4.5 3 9 0; M 50 60 q 4.5 -3 9 0; M 50 55 q 4.5 3 9 0" dur="1113ms" begin="-1888ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.59 0.68 0.28 0.8; 0.16 0.95 0.71 0.74" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(211 50 50)"> <path d="M 50 55 q 6.5 7 13 0" stroke="#0f0" stroke-width="0.96" fill="none" stroke-linecap="round" filter="hue-rotate(28.5deg)"> <animate attributeName="d" values="M 50 55 q 6.5 7 13 0; M 50 60 q 6.5 -7 13 0; M 50 55 q 6.5 7 13 0" dur="1633ms" begin="-1580ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.56 0.48 0.04 0.68; 0.13 1 0.13 0.84" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(298 50 50)"> <path d="M 50 55 q 6.5 7 13 0" stroke="#0f0" stroke-width="0.54" fill="none" stroke-linecap="round" filter="hue-rotate(-13.5deg)"> <animate attributeName="d" values="M 50 55 q 6.5 7 13 0; M 50 60 q 6.5 -7 13 0; M 50 55 q 6.5 7 13 0" dur="1204ms" begin="-1540ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.12 0.44 0.22 0.89; 0.97 0.76 0.12 0.53" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(360 50 50)"> <path d="M 50 55 q 4.5 4 9 0" stroke="#0f0" stroke-width="1.3" fill="none" stroke-linecap="round" filter="hue-rotate(-16.5deg)"> <animate attributeName="d" values="M 50 55 q 4.5 4 9 0; M 50 60 q 4.5 -4 9 0; M 50 55 q 4.5 4 9 0" dur="1808ms" begin="-1099ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.59 0.37 0.1 0.54; 0.35 0.78 0.77 1" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(163 50 50)"> <path d="M 50 55 q 3.5 10 7 0" stroke="#0f0" stroke-width="1.25" fill="none" stroke-linecap="round" filter="hue-rotate(-7.8deg)"> <animate attributeName="d" values="M 50 55 q 3.5 10 7 0; M 50 60 q 3.5 -10 7 0; M 50 55 q 3.5 10 7 0" dur="1158ms" begin="-1092ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.24 0.75 0.33 0.63; 0.53 0.47 0.9 0.74" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(41 50 50)"> <path d="M 50 55 q 5 9 10 0" stroke="#0f0" stroke-width="0.87" fill="none" stroke-linecap="round" filter="hue-rotate(44.4deg)"> <animate attributeName="d" values="M 50 55 q 5 9 10 0; M 50 60 q 5 -9 10 0; M 50 55 q 5 9 10 0" dur="1208ms" begin="-1842ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.08 0.69 0.53 0.41; 0.57 0.77 0.58 0.12" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(294 50 50)"> <path d="M 50 55 q 4 5 8 0" stroke="#0f0" stroke-width="0.73" fill="none" stroke-linecap="round" filter="hue-rotate(-8.8deg)"> <animate attributeName="d" values="M 50 55 q 4 5 8 0; M 50 60 q 4 -5 8 0; M 50 55 q 4 5 8 0" dur="1862ms" begin="-1201ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.12 0.34 0.03 0.27; 0.04 0.2 0.2 0.22" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(173 50 50)"> <path d="M 50 55 q 6.5 9 13 0" stroke="#0f0" stroke-width="0.86" fill="none" stroke-linecap="round" filter="hue-rotate(33deg)"> <animate attributeName="d" values="M 50 55 q 6.5 9 13 0; M 50 60 q 6.5 -9 13 0; M 50 55 q 6.5 9 13 0" dur="1198ms" begin="-1632ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.85 0.46 0.21 0.53; 0.73 0.78 0.4 0.37" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(23 50 50)"> <path d="M 50 55 q 7 8 14 0" stroke="#0f0" stroke-width="0.92" fill="none" stroke-linecap="round" filter="hue-rotate(38.7deg)"> <animate attributeName="d" values="M 50 55 q 7 8 14 0; M 50 60 q 7 -8 14 0; M 50 55 q 7 8 14 0" dur="1979ms" begin="-1967ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.49 0.12 0.15 0.57; 0.27 0.28 0.22 0.38" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(245 50 50)"> <path d="M 50 55 q 7 8 14 0" stroke="#0f0" stroke-width="0.67" fill="none" stroke-linecap="round" filter="hue-rotate(-16.7deg)"> <animate attributeName="d" values="M 50 55 q 7 8 14 0; M 50 60 q 7 -8 14 0; M 50 55 q 7 8 14 0" dur="1253ms" begin="-1077ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.55 0.96 0.91 0.65; 0.27 0.44 0.58 0.26" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(165 50 50)"> <path d="M 50 55 q 5 5 10 0" stroke="#0f0" stroke-width="0.54" fill="none" stroke-linecap="round" filter="hue-rotate(4.4deg)"> <animate attributeName="d" values="M 50 55 q 5 5 10 0; M 50 60 q 5 -5 10 0; M 50 55 q 5 5 10 0" dur="1670ms" begin="-1156ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.02 0.37 0.22 0.64; 0.46 0.38 0.06 0.96" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(237 50 50)"> <path d="M 50 55 q 3 5 6 0" stroke="#0f0" stroke-width="0.78" fill="none" stroke-linecap="round" filter="hue-rotate(1.3deg)"> <animate attributeName="d" values="M 50 55 q 3 5 6 0; M 50 60 q 3 -5 6 0; M 50 55 q 3 5 6 0" dur="1650ms" begin="-1827ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.86 0.59 0.18 0.83; 0.31 0.15 0.49 0.26" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(132 50 50)"> <path d="M 50 55 q 7.5 5 15 0" stroke="#0f0" stroke-width="0.8" fill="none" stroke-linecap="round" filter="hue-rotate(-12.3deg)"> <animate attributeName="d" values="M 50 55 q 7.5 5 15 0; M 50 60 q 7.5 -5 15 0; M 50 55 q 7.5 5 15 0" dur="1822ms" begin="-1617ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.15 0.56 0.86 0.09; 0.09 0.17 0.31 0.42" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(263 50 50)"> <path d="M 50 55 q 7 10 14 0" stroke="#0f0" stroke-width="1.1" fill="none" stroke-linecap="round" filter="hue-rotate(18.6deg)"> <animate attributeName="d" values="M 50 55 q 7 10 14 0; M 50 60 q 7 -10 14 0; M 50 55 q 7 10 14 0" dur="1350ms" begin="-1722ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.91 0.52 0.46 0.05; 0.75 0.35 0.68 0.03" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(323 50 50)"> <path d="M 50 55 q 4.5 7 9 0" stroke="#0f0" stroke-width="0.73" fill="none" stroke-linecap="round" filter="hue-rotate(38.9deg)"> <animate attributeName="d" values="M 50 55 q 4.5 7 9 0; M 50 60 q 4.5 -7 9 0; M 50 55 q 4.5 7 9 0" dur="1122ms" begin="-1128ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.01 0.49 0.89 0.65; 0.51 0.9 0.79 0.33" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(338 50 50)"> <path d="M 50 55 q 4 5 8 0" stroke="#0f0" stroke-width="1.07" fill="none" stroke-linecap="round" filter="hue-rotate(-10.1deg)"> <animate attributeName="d" values="M 50 55 q 4 5 8 0; M 50 60 q 4 -5 8 0; M 50 55 q 4 5 8 0" dur="1048ms" begin="-1760ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.72 0.87 0.78 0.85; 0.96 0.53 0.01 0.74" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(148 50 50)"> <path d="M 50 55 q 3.5 9 7 0" stroke="#0f0" stroke-width="1.29" fill="none" stroke-linecap="round" filter="hue-rotate(30.9deg)"> <animate attributeName="d" values="M 50 55 q 3.5 9 7 0; M 50 60 q 3.5 -9 7 0; M 50 55 q 3.5 9 7 0" dur="1752ms" begin="-1127ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.71 0.41 0.7 0.54; 0.91 0.71 0.67 0.32" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(237 50 50)"> <path d="M 50 55 q 6 5 12 0" stroke="#0f0" stroke-width="0.62" fill="none" stroke-linecap="round" filter="hue-rotate(48.3deg)"> <animate attributeName="d" values="M 50 55 q 6 5 12 0; M 50 60 q 6 -5 12 0; M 50 55 q 6 5 12 0" dur="1669ms" begin="-1531ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.04 0.94 0.91 0.87; 0.03 0.51 0.64 0.21" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(234 50 50)"> <path d="M 50 55 q 3.5 5 7 0" stroke="#0f0" stroke-width="1.22" fill="none" stroke-linecap="round" filter="hue-rotate(-25.8deg)"> <animate attributeName="d" values="M 50 55 q 3.5 5 7 0; M 50 60 q 3.5 -5 7 0; M 50 55 q 3.5 5 7 0" dur="1996ms" begin="-1155ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.66 0.84 1 0.78; 0.18 0.75 0.73 0.87" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(114 50 50)"> <path d="M 50 55 q 6.5 3 13 0" stroke="#0f0" stroke-width="1.2" fill="none" stroke-linecap="round" filter="hue-rotate(-0.9deg)"> <animate attributeName="d" values="M 50 55 q 6.5 3 13 0; M 50 60 q 6.5 -3 13 0; M 50 55 q 6.5 3 13 0" dur="1937ms" begin="-1292ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.66 0 0.85 0.03; 0.58 0.38 0.84 0.67" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(232 50 50)"> <path d="M 50 55 q 7 10 14 0" stroke="#0f0" stroke-width="0.62" fill="none" stroke-linecap="round" filter="hue-rotate(24.7deg)"> <animate attributeName="d" values="M 50 55 q 7 10 14 0; M 50 60 q 7 -10 14 0; M 50 55 q 7 10 14 0" dur="1708ms" begin="-1375ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.58 0.76 0.03 0.23; 0.58 0.03 0.69 0.74" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(75 50 50)"> <path d="M 50 55 q 3 7 6 0" stroke="#0f0" stroke-width="0.67" fill="none" stroke-linecap="round" filter="hue-rotate(11.3deg)"> <animate attributeName="d" values="M 50 55 q 3 7 6 0; M 50 60 q 3 -7 6 0; M 50 55 q 3 7 6 0" dur="1498ms" begin="-1909ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.39 0.62 0.2 0.73; 0.99 0.02 0.05 0.67" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(220 50 50)"> <path d="M 50 55 q 3.5 3 7 0" stroke="#0f0" stroke-width="0.68" fill="none" stroke-linecap="round" filter="hue-rotate(39.9deg)"> <animate attributeName="d" values="M 50 55 q 3.5 3 7 0; M 50 60 q 3.5 -3 7 0; M 50 55 q 3.5 3 7 0" dur="1017ms" begin="-1106ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.81 0.17 0.88 0.42; 0.26 0.92 0.19 0.7" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(272 50 50)"> <path d="M 50 55 q 6 6 12 0" stroke="#0f0" stroke-width="1.22" fill="none" stroke-linecap="round" filter="hue-rotate(13.4deg)"> <animate attributeName="d" values="M 50 55 q 6 6 12 0; M 50 60 q 6 -6 12 0; M 50 55 q 6 6 12 0" dur="1515ms" begin="-1513ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.48 0.88 0.3 0.35; 0.54 0.2 0.49 0.2" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(285 50 50)"> <path d="M 50 55 q 4 9 8 0" stroke="#0f0" stroke-width="0.74" fill="none" stroke-linecap="round" filter="hue-rotate(-18.2deg)"> <animate attributeName="d" values="M 50 55 q 4 9 8 0; M 50 60 q 4 -9 8 0; M 50 55 q 4 9 8 0" dur="1130ms" begin="-1005ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.38 0.72 0.7 0.94; 0.97 0.07 0.09 0.94" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(155 50 50)"> <path d="M 50 55 q 3.5 9 7 0" stroke="#0f0" stroke-width="0.73" fill="none" stroke-linecap="round" filter="hue-rotate(-7.9deg)"> <animate attributeName="d" values="M 50 55 q 3.5 9 7 0; M 50 60 q 3.5 -9 7 0; M 50 55 q 3.5 9 7 0" dur="1751ms" begin="-1948ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.58 0.72 0.71 0.22; 0.81 0.22 0.49 0.23" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0 50 50; 360 50 50" dur="5s" begin="0s" repeatCount="indefinite"></animateTransform> </path> </g> <g transform="rotate(200 50 50)"> <path d="M 50 55 q 3.5 4 7 0" stroke="#0f0" stroke-width="1.03" fill="none" stroke-linecap="round" filter="hue-rotate(12.5deg)"> <animate attributeName="d" values="M 50 55 q 3.5 4 7 0; M 50 60 q 3.5 -4 7 0; M 50 55 q 3.5 4 7 0" dur="1544ms" begin="-1150ms" repeatCount="indefinite" keyTimes="0;0.5;1" keySplines="0.28 0.74 0.37 0.91; 0.93 0.86 0.45 0.21" calcMode="spline"></animate> <animateTransform attributeName="transform" attributeType="XML" type="rotate.........完整代码请登录后点击上方下载按钮下载查看
网友评论0