mirror of
https://github.com/ReVanced/revanced-website.git
synced 2026-01-22 10:33:56 +00:00
28 lines
487 B
Svelte
28 lines
487 B
Svelte
<script>
|
|
import { fade } from 'svelte/transition';
|
|
</script>
|
|
|
|
<div class="spinner" transition:fade={{ duration: 250 }} />
|
|
|
|
<style>
|
|
@keyframes spinner {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.spinner:before {
|
|
content: '';
|
|
box-sizing: border-box;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
border: 4.5px solid transparent;
|
|
border-top-color: var(--accent-color);
|
|
animation: spinner 0.6s linear infinite;
|
|
}
|
|
</style>
|