mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
41 lines
867 B
HTML
41 lines
867 B
HTML
<div class="loader">
|
|
<span>uiverse</span>
|
|
<span>uiverse</span>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by mrhyddenn - Tags: loader, fluid, water */
|
|
.loader {
|
|
position: relative;
|
|
}
|
|
|
|
.loader span {
|
|
position: absolute;
|
|
color: #fff;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 38px;
|
|
letter-spacing: 5px;
|
|
}
|
|
|
|
.loader span:nth-child(1) {
|
|
color: transparent;
|
|
-webkit-text-stroke: 0.3px rgb(128, 198, 255);
|
|
}
|
|
|
|
.loader span:nth-child(2) {
|
|
color: rgb(128, 198, 255);
|
|
-webkit-text-stroke: 1px rgb(128, 198, 255);
|
|
animation: uiverse723 3s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes uiverse723 {
|
|
0%, 100% {
|
|
clip-path: polygon(0% 45%, 15% 44%, 32% 50%,
|
|
54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
|
|
}
|
|
|
|
50% {
|
|
clip-path: polygon(0% 60%, 16% 65%, 34% 66%,
|
|
51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
|
|
}
|
|
}
|
|
</style>
|