mirror of
https://github.com/ArthurDanjou/arthurdanjou.fr.git
synced 2026-01-14 12:14:34 +01:00
38 lines
587 B
SCSS
38 lines
587 B
SCSS
// loading
|
|
$offset: 374;
|
|
$duration: 1.4s;
|
|
|
|
.spinner {
|
|
animation: rotator $duration linear infinite;
|
|
}
|
|
|
|
@keyframes rotator {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(270deg);
|
|
}
|
|
}
|
|
|
|
.path {
|
|
stroke-dasharray: $offset;
|
|
stroke-dashoffset: 0;
|
|
transform-origin: center;
|
|
animation: dash $duration ease-in-out infinite;
|
|
stroke: black;
|
|
}
|
|
|
|
@keyframes dash {
|
|
0% {
|
|
stroke-dashoffset: $offset;
|
|
}
|
|
50% {
|
|
stroke-dashoffset: $offset/4;
|
|
transform: rotate(135deg);
|
|
}
|
|
100% {
|
|
stroke-dashoffset: $offset;
|
|
transform: rotate(450deg);
|
|
}
|
|
} |