mirror of
https://github.com/revanced/revanced-website.git
synced 2025-04-29 14:14:30 +02:00
35 lines
592 B
Svelte
35 lines
592 B
Svelte
<script>
|
|
import { fade } from 'svelte/transition';
|
|
</script>
|
|
|
|
<div class="spinner" transition:fade={{ duration: 250 }} />
|
|
|
|
<style>
|
|
@keyframes spinner {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.spinner {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 50px;
|
|
height: 50px;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.spinner:before {
|
|
content: '';
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
border: 4.5px solid transparent;
|
|
border-top-color: var(--accent-color);
|
|
animation: spinner 0.6s linear infinite;
|
|
}
|
|
</style>
|