mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-27 20:50:21 +08:00
34 lines
660 B
HTML
34 lines
660 B
HTML
<div class="loader"></div>
|
|
<style>
|
|
/* From Uiverse.io by JaydipPrajapati1910 - Tags: red, loader, location */
|
|
.loader {
|
|
width: 44.8px;
|
|
height: 44.8px;
|
|
position: relative;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.loader:before,
|
|
.loader:after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
border-radius: 50% 50% 0 50%;
|
|
background: #0000;
|
|
background-image: radial-gradient(circle 11.2px at 50% 50%,#0000 94%, #ff4747);
|
|
}
|
|
|
|
.loader:after {
|
|
animation: pulse-ytk0dhmd 1s infinite;
|
|
transform: perspective(336px) translateZ(0px);
|
|
}
|
|
|
|
@keyframes pulse-ytk0dhmd {
|
|
to {
|
|
transform: perspective(336px) translateZ(168px);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
|
|
</style>
|