Skip to content

Commit 78ddb88

Browse files
authored
fix(preloader): improve preloader animation (#302)
1 parent 2ccabbf commit 78ddb88

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

lib/preloader/theme.module.scss

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -282,14 +282,15 @@
282282
:local(.fadeAwayLoader) {
283283
border-radius: 50%;
284284
border: 5px solid $secondary-violet;
285+
will-change: transform;
285286
animation: fadeawayDefault 1.5s linear infinite;
286287
@keyframes fadeawayDefault {
287-
0% {
288-
width: 5px;
289-
height: 5px;
288+
0% {
289+
transform: scale(0.1);
290290
opacity: 1;
291291
}
292292
100% {
293+
transform: scale(1);
293294
margin: 0%;
294295
opacity: 0;
295296
filter: hue-rotate(360deg);
@@ -301,11 +302,11 @@
301302
animation: fadeaway 1.5s linear infinite;
302303
@keyframes fadeaway {
303304
0% {
304-
width: 5px;
305-
height: 5px;
305+
transform: scale(0.1);
306306
opacity: 1;
307307
}
308308
100% {
309+
transform: scale(1);
309310
margin: 0%;
310311
opacity: 0;
311312
}

0 commit comments

Comments
 (0)