appstore/dist/assets/img/cat.svg

24 lines
1.6 KiB
XML
Raw Permalink Normal View History

2023-12-20 19:06:35 +08:00
<svg width="1920" height="75" xmlns="http://www.w3.org/2000/svg"
stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5">
<style>
.cat {transform: translateX(-223px);animation: cat 20s ease-out infinite}
@keyframes cat {to {transform: translateX(1720px);}}
</style>
<defs>
<g id="cat" fill="none" stroke="rgba(255,255,255,.6)" stroke-width="1.5">
<path
d="M198.167 52.515c0-3.891-3.336-4.466-3.336-14.894m6.924 4.821v9.997m3.485-.169c0-3.435 2.17-7.598 2.17-13.068 0-5.471-.66-10.29-.836-13.274m-1.265.431s3.384-.265 4.553-5.546"/>
<path
d="M200.146 15.96s-1.42-4.408-2.62-4.408c-1.2 0-3.298 5.753-3.298 14.428 0 2.24-11.69 8.123-9.211 21.709.398 2.18 1.394 6.337 1.394 6.353 0 .016 2.518 9.529-2.87 9.529-1.12 0-1.657-.62-2.778-.62-1.12 0-2.024.765-2.024 1.758s1.11 3.434 5.065 3.434c7.147 0 7.419-5.987 7.419-9.867 0-3.88-.036-2.68-.036-3.314 0-2.127 1.772-2.56 2.43-2.801"/>
<ellipse cx="203" cy="19" rx=".5" ry="0.8" fill="#fff" />
<path
d="M202.432 14.465c3.543 0 4.374 4.288 7.066 4.288m-4.572-5.561s-1.015-2.334-1.891-2.334c-.876 0-2.14 2.429-2.14 2.429"/>
</g>
</defs>
<use href="#cat" class="cat" />
<use href="#cat" class="cat" style="animation-delay:2s;animation-duration:25s" />
<use href="#cat" class="cat" style="animation-delay:4s;animation-duration:30s" />
<use href="#cat" class="cat" style="animation-delay:6s;animation-duration:35s" />
<use href="#cat" class="cat" style="animation-delay:8s;animation-duration:40s" />
<path fill="rgba(255,255,255,.3)" d="M0 53h1920v2H0z" />
</svg>