mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
138 lines
14 KiB
HTML
138 lines
14 KiB
HTML
<div class="card">
|
|
<svg width="100" height="200" viewBox="0 0 90 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M53.6937 1.8999C47.463 -0.352255 40.9068 -0.674076 34.5272 1.32166C34.0341 1.4759 33.7207 2.18011 33.8272 2.89456C33.9336 3.609 34.4196 4.06315 34.9126 3.90891C41.0222 1.99765 47.3157 2.31279 53.302 4.48699C67.6179 9.68648 79.5341 25.284 84.0727 45.6586C85.8279 53.538 86.5735 61.9282 86.7228 70.7212C86.7352 71.4519 87.1541 72.0296 87.6583 72.0117C88.1625 71.9937 88.5612 71.3868 88.5488 70.6561C88.3975 61.7424 87.6431 53.1364 85.8446 44.9969C81.1312 23.6662 68.6768 7.31577 53.6937 1.8999Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M29.8925 5.90399C30.3787 5.70962 30.6642 4.98086 30.53 4.27628C30.3959 3.57169 29.893 3.15808 29.4068 3.35245C22.735 6.01959 13.3498 15.2355 7.54967 27.5472C7.54742 27.552 7.54518 27.5568 7.54297 27.5616C2.45006 38.6835 -0.742467 52.6602 0.148878 66.2225C0.149727 66.2354 0.150707 66.2483 0.151817 66.2612C0.365435 68.7376 0.724051 71.2094 1.08309 73.6842C1.83929 78.8964 2.59735 84.1216 2.00648 89.4297C1.92616 90.1512 2.26471 90.8306 2.76266 90.9469C3.26061 91.0633 3.72939 90.5727 3.80972 89.8512C4.42737 84.3025 3.66044 78.8903 2.89335 73.477C2.5386 70.9735 2.18381 68.4697 1.96593 65.9522C1.1276 53.1368 4.1472 39.7675 9.0616 29.0324C14.6411 17.1932 23.6761 8.38911 29.8925 5.90399Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M41.877 8.86083C53.3431 7.84619 64.8069 14.6272 72.5058 27.6184C72.8344 28.1729 72.7906 29.0085 72.4079 29.4846C72.0253 29.9608 71.4487 29.8973 71.1201 29.3428C63.7987 16.9887 52.8899 10.5356 41.9828 11.5032C41.9789 11.5036 41.975 11.5039 41.9711 11.5042C28.1777 12.4713 15.2601 26.031 10.5087 45.0313C10.3369 45.7185 9.81317 46.0737 9.33895 45.8247C8.86474 45.5757 8.61962 44.8167 8.79146 44.1295C13.7968 24.1134 27.3611 9.88221 41.877 8.86083Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M75.2881 33.4001C75.0069 32.7933 74.4395 32.6318 74.0208 33.0393C73.602 33.4468 73.4905 34.269 73.7718 34.8758C78.0398 44.085 79.8045 54.1063 80.5021 65.9987C80.5448 66.727 80.9869 67.2672 81.4895 67.2053C81.9921 67.1433 82.3648 66.5028 82.3221 65.7745C81.6092 53.6222 79.7893 43.1126 75.2881 33.4001Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M81.7115 71.3933C82.2149 71.3477 82.6485 71.9021 82.68 72.6316C83.0242 80.6118 83.0274 89.6407 82.4182 96.313C82.352 97.0376 81.893 97.5473 81.393 97.4514C80.893 97.3555 80.5413 96.6904 80.6074 95.9658C81.1946 89.5349 81.1978 80.6975 80.857 72.7967C80.8256 72.0672 81.2081 71.4389 81.7115 71.3933Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M9.1296 51.4413C9.24798 50.7309 8.94648 50.0158 8.45618 49.8443C7.96588 49.6727 7.47245 50.1096 7.35407 50.8201C6.68375 54.8432 6.33577 58.9762 6.32198 63.1129C6.30777 67.3766 6.85639 71.5385 7.40523 75.702C7.8542 79.1079 8.30331 82.5149 8.44458 85.9795C8.63015 90.5307 7.96954 95.0885 6.82798 99.4264C6.64827 100.109 6.88462 100.874 7.35591 101.135C7.82719 101.395 8.35493 101.052 8.53465 100.37C9.74129 95.7842 10.4727 90.8451 10.2679 85.8234C10.1276 82.3825 9.67857 78.9953 9.22967 75.6095C8.68192 71.478 8.13443 67.3485 8.1485 63.1257C8.16161 59.1949 8.49231 55.2662 9.1296 51.4413Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M33.0936 22.032C33.2815 22.7103 33.0545 23.4809 32.5864 23.7533C23.1183 29.2632 16.0083 41.697 14.5579 56.3591C13.9519 62.4848 14.6066 68.5525 15.2611 74.6187C15.6297 78.0349 15.9982 81.4506 16.1415 84.8757C16.4522 92.3028 15.8684 100.461 12.5328 107.883C12.2576 108.496 11.6918 108.669 11.2692 108.27C10.8465 107.871 10.727 107.052 11.0022 106.439C14.0413 99.6763 14.6165 92.1647 14.3183 85.0359C14.1729 81.5605 13.8067 78.1053 13.4407 74.6523C12.784 68.4569 12.1281 62.2685 12.7498 55.9835C14.2985 40.3282 21.8707 27.1369 31.9057 21.2971C32.3738 21.0247 32.9056 21.3538 33.0936 22.032Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M65.1548 29.5667C57.6854 19.4288 46.8594 15.8905 37.0204 19.0178C36.5278 19.1744 36.216 19.8801 36.324 20.594C36.4321 21.308 36.9191 21.7598 37.4118 21.6032C46.7286 18.6419 56.9225 22.0199 63.9062 31.4986C69.7925 39.4878 73.2107 51.1126 74.1054 63.7958C74.1567 64.523 74.6051 65.0521 75.1068 64.9778C75.6086 64.9035 75.9738 64.2538 75.9225 63.5267C74.9934 50.3568 71.431 38.085 65.1548 29.5667Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M75.7314 69.8294C76.2331 69.7547 76.6817 70.2836 76.7332 71.0107C77.6005 83.2483 77.2267 96.4661 75.9173 109.253C75.8433 109.976 75.3788 110.475 74.8799 110.368C74.381 110.26 74.0365 109.587 74.1106 108.864C75.4017 96.2554 75.7654 83.2621 74.9162 71.2811C74.8647 70.554 75.2297 69.9041 75.7314 69.8294Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M43.8912 26.8962C29.8964 26.8962 18.5255 43.0755 18.5255 63.0789C18.5255 65.2157 18.6564 67.3093 18.9058 69.3451C18.994 70.0648 19.4681 70.5446 19.9647 70.4168C20.4613 70.289 20.7924 69.602 20.7042 68.8824C20.4733 66.9976 20.3521 65.0587 20.3521 63.0789C20.3521 44.578 30.8769 29.543 43.8912 29.543C49.7724 29.543 55.1459 32.6147 59.2702 37.6903C59.6547 38.1634 60.231 38.0954 60.5575 37.5382C60.884 36.9811 60.837 36.1459 60.4525 35.6728C56.0081 30.2033 50.2186 26.8962 43.8912 26.8962Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M62.4988 40.6072C62.8628 40.1013 63.441 40.1188 63.7901 40.6464C67.8205 46.7369 69.1107 56.3093 69.9643 64.3426C70.9259 73.3915 71.0727 82.2193 71.0727 86.3123C71.0727 87.0432 70.6638 87.6357 70.1594 87.6357C69.6551 87.6357 69.2462 87.0432 69.2462 86.3123C69.2462 82.2855 69.1007 73.6071 68.1591 64.7455C67.3665 57.2875 66.2241 48.1486 62.4717 42.4784C62.1226 41.9508 62.1347 41.1131 62.4988 40.6072Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M70.8408 93.8916C70.8809 93.1629 70.5058 92.5252 70.003 92.4671C69.5002 92.409 69.0601 92.9526 69.0201 93.6812C68.5716 101.833 67.9855 109.976 66.7963 117.498C66.6837 118.211 66.9909 118.921 67.4826 119.084C67.9742 119.247 68.4641 118.802 68.5767 118.089C69.7972 110.369 70.3911 102.065 70.8408 93.8916Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M20.3758 74.216C20.8707 74.0748 21.3509 74.5417 21.4484 75.2588C23.3794 89.4686 22.0454 102.377 16.9318 113.685C16.6553 114.296 16.0892 114.467 15.6673 114.066C15.2454 113.665 15.1276 112.845 15.404 112.234C20.2154 101.595 21.5103 89.4138 19.6562 75.7702C19.5588 75.0531 19.881 74.3572 20.3758 74.216Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M43.8912 35.507C34.8067 35.507 25.8947 45.6973 24.9851 58.5043C24.5869 64.1112 25.1463 69.6341 25.7059 75.1592C26.1946 79.9836 26.6835 84.8098 26.535 89.695C26.1954 100.876 23.9316 110.105 20.0418 117.706C19.7413 118.293 19.8262 119.122 20.2314 119.557C20.6365 119.993 21.2085 119.87 21.509 119.283C25.6345 111.22 28.0056 101.472 28.3598 89.8114C28.5076 84.9483 28.0172 80.1375 27.5272 75.3298C26.9669 69.8321 26.4069 64.3385 26.802 58.7753C27.6011 47.5245 35.5925 38.1539 43.8912 38.1539C47.7618 38.1539 57.7763 41.191 60.9619 56.2288C62.9582 65.6525 63.5027 78.406 63.0192 90.7961C62.5357 103.185 61.0317 115.034 59.0093 122.632C58.8278 123.314 59.0621 124.08 59.5327 124.343C60.0033 124.606 60.532 124.266 60.7135 123.584C62.8293 115.635 64.3534 103.486 64.8428 90.9455C65.3321 78.4067 64.7943 65.3002 62.708 55.4521C59.1719 38.7595 48.0871 35.507 43.8912 35.507Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M29.8367 113.687C30.2591 114.086 30.3782 114.906 30.1027 115.518C29.5364 116.776 29.0382 118.093 28.54 119.409C28.0417 120.726 27.5434 122.043 26.977 123.301C26.7015 123.913 26.1356 124.086 25.7131 123.687C25.2907 123.287 25.1716 122.467 25.4471 121.855C26.0135 120.597 26.5116 119.28 27.0099 117.964C27.5081 116.647 28.0064 115.331 28.5728 114.072C28.8484 113.46 29.4142 113.287 29.8367 113.687Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M37.6567 49.2448C38.076 48.8384 38.1885 48.0165 37.9081 47.409C37.6277 46.8014 37.0605 46.6383 36.6412 47.0447C33.0248 50.5499 30.8061 55.37 30.8061 62.4311C30.8061 66.6357 31.3201 70.0725 31.8473 73.5975C32.6362 78.8723 33.1713 84.1358 33.0751 89.5538C32.9584 96.1329 32.0701 102.145 30.3625 107.872C30.1624 108.543 30.3756 109.322 30.8386 109.612C31.3016 109.902 31.8391 109.593 32.0392 108.922C33.8447 102.866 34.7787 96.519 34.9011 89.6218C35.001 83.9918 34.4511 78.52 33.6328 73.0378C33.1044 69.4974 32.6326 66.3365 32.6326 62.4311C32.6326 56.3811 34.4693 52.3342 37.6567 49.2448Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M41.2213 44.5949C45.011 43.4753 49.0892 44.8587 52.0909 48.3794C57.4527 54.6682 58.1657 66.1368 58.7436 75.4302L58.773 75.9036C59.5197 87.8832 58.665 99.519 56.9432 111.204C56.8379 111.919 56.3526 112.375 55.8594 112.222C55.3661 112.07 55.0516 111.366 55.1569 110.652C56.8529 99.1415 57.6795 87.7826 56.9539 76.1418C56.9299 75.7563 56.906 75.3655 56.8818 74.9699L56.8815 74.9642C56.3682 66.5659 55.7253 56.0474 50.9418 50.4368C48.3754 47.4268 44.8557 46.2225 41.5861 47.1884C41.0919 47.3344 40.6096 46.8721 40.5088 46.156C40.4081 45.4398 40.727 44.7409 41.2213 44.5949Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M55.6524 117.79C55.7769 117.081 55.4815 116.361 54.9927 116.181C54.5039 116 54.0068 116.428 53.8823 117.137C53.3302 120.279 52.4795 123.116 51.4008 125.727C51.1417 126.355 51.2826 127.167 51.7154 127.543C52.1482 127.918 52.709 127.714 52.968 127.087C54.1305 124.272 55.0534 121.199 55.6524 117.79Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M51.1864 98.5844C51.6873 98.6702 52.0453 99.3283 51.9861 100.054C51.1235 110.616 49.1763 120.037 46.0517 128.207C45.8072 128.846 45.2514 129.077 44.8102 128.723C44.369 128.369 44.2096 127.563 44.4541 126.924C47.4443 119.105 49.3324 110.027 50.1722 99.7431C50.2314 99.0172 50.6856 98.4985 51.1864 98.5844Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M50.9982 61.737C50.3651 56.8346 47.4614 53.0844 43.9364 53.0844C39.1631 53.0844 35.814 60.0567 36.9942 66.5435C38.9911 77.9939 39.3189 89.0296 37.9671 99.6584L37.9661 99.6662C36.793 109.209 34.5403 117.794 31.4674 125.069C31.204 125.692 31.3393 126.507 31.7695 126.889C32.1997 127.27 32.7619 127.074 33.0252 126.451C36.2238 118.879 38.5532 109.98 39.7639 100.134C41.1675 89.0953 40.8197 77.6727 38.7639 65.8881L38.7614 65.8742C37.8762 61.0219 40.3436 55.7313 43.9364 55.7313C46.5292 55.7313 48.7183 58.4952 49.2017 62.215C50.531 73.3886 51.2234 83.7501 50.7304 92.6713C50.6902 93.3999 51.0651 94.0378 51.5679 94.0961C52.0707 94.1545 52.5109 93.6111 52.5511 92.8826C53.0621 83.6357 52.3409 73.019 51.0006 61.7556C50.9998 61.7494 50.999 61.7432 50.9982 61.737Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M41.2113 119.056C41.6599 119.39 41.8367 120.187 41.6061 120.838L39.1862 127.662C38.9557 128.312 38.4051 128.568 37.9565 128.234C37.5079 127.9 37.3311 127.102 37.5616 126.452L39.9815 119.628C40.2121 118.978 40.7626 118.722 41.2113 119.056Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M44.6157 63.0132C44.5003 62.3016 44.0088 61.8603 43.5177 62.0275C43.0267 62.1946 42.7222 62.9069 42.8375 63.6185C45.9173 82.6163 45.4943 99.2983 41.743 113.509C41.5628 114.192 41.7986 114.957 42.2697 115.218C42.7408 115.479 43.2687 115.137 43.449 114.455C47.3604 99.6374 47.758 82.3966 44.6157 63.0132Z" stroke="#00E0FF" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by SRIMANKS - Tags: card */
|
|
.card {
|
|
width: 190px;
|
|
height: 254px;
|
|
background: black;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
transition: 0.2s;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: scale(1.05);
|
|
transition: 0.2s;
|
|
filter: drop-shadow(0px 0px 10px rgb(0, 247, 255));
|
|
}
|
|
|
|
.card::after {
|
|
content: "scanning";
|
|
height: fit-content;
|
|
width: 100%;
|
|
color: lightskyblue;
|
|
position: absolute;
|
|
z-index: 2;
|
|
bottom: 15%;
|
|
text-align: center;
|
|
animation: 2s dots infinite;
|
|
}
|
|
|
|
.card::before {
|
|
content: "";
|
|
height: 0.1em;
|
|
width: 80%;
|
|
border-radius: 10px;
|
|
background-color: rgb(00, 200, 255);
|
|
position: absolute;
|
|
z-index: 2;
|
|
bottom: 10%;
|
|
animation: 4s grow infinite;
|
|
align-self: flex-start;
|
|
margin-left: 10%;
|
|
filter: drop-shadow(0px 0px 10px #3fefef) drop-shadow(0px 0px 10px #3fefef);
|
|
}
|
|
|
|
.card svg {
|
|
filter: drop-shadow(0px 0px 10px #3fefef) drop-shadow(0px 0px 50px #3fefef);
|
|
}
|
|
|
|
path {
|
|
stroke-dasharray: 90;
|
|
animation: loop 4s infinite;
|
|
}
|
|
|
|
@keyframes loop {
|
|
0% {
|
|
stroke-dashoffset: 50;
|
|
stroke-dasharray: 90;
|
|
}
|
|
|
|
50% {
|
|
stroke-dashoffset: 100;
|
|
;
|
|
stroke-dasharray: 50;
|
|
}
|
|
|
|
100% {
|
|
stroke-dashoffset: 50;
|
|
stroke-dasharray: 90;
|
|
}
|
|
}
|
|
|
|
@keyframes dots {
|
|
0% {
|
|
content: "scanning."
|
|
}
|
|
|
|
25% {
|
|
content: "scanning.."
|
|
}
|
|
|
|
50% {
|
|
content: "scanning..."
|
|
}
|
|
|
|
75% {
|
|
content: "scanning"
|
|
}
|
|
|
|
100% {
|
|
content: "scanning."
|
|
}
|
|
}
|
|
|
|
@keyframes grow {
|
|
0% {
|
|
width: 0%;
|
|
}
|
|
|
|
50% {
|
|
width: 80%
|
|
}
|
|
|
|
100% {
|
|
width: 0%;
|
|
}
|
|
}
|
|
</style>
|