mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
47 lines
815 B
HTML
47 lines
815 B
HTML
<div class="shake">
|
|
<div class="loader"></div>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by Alaner-xs - Tags: loader */
|
|
.loader {
|
|
--border-width: 10px;
|
|
--size: 60px;
|
|
border: var(--border-width) solid #f3f3f3;
|
|
border-radius: 50%;
|
|
border-top: var(--border-width) solid #1bbeff;
|
|
border-bottom: var(--border-width) solid #1bbeff;
|
|
border-left: var(--border-width) solid #147ec5;
|
|
border-right: var(--border-width) solid #147ec5;
|
|
width: var(--size);
|
|
height: var(--size);
|
|
animation: spin35112 2s linear infinite;
|
|
}
|
|
|
|
@keyframes spin35112 {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.shake {
|
|
animation: shake61790 1s linear infinite;
|
|
}
|
|
|
|
@keyframes shake61790 {
|
|
0% {
|
|
transform: skewX(0deg);
|
|
}
|
|
|
|
50% {
|
|
transform: skewX(20deg);
|
|
}
|
|
|
|
100% {
|
|
transform: skewX(0deg);
|
|
}
|
|
}
|
|
</style>
|