From 7014daa00ea2574eb148d495e037ba159af839e7 Mon Sep 17 00:00:00 2001 From: rishichawda Date: Wed, 2 Jan 2019 11:00:07 +0530 Subject: [PATCH] fix(preloader): fix preloader animation --- lib/preloader/theme.module.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/lib/preloader/theme.module.scss b/lib/preloader/theme.module.scss index ddd00453..f0322077 100644 --- a/lib/preloader/theme.module.scss +++ b/lib/preloader/theme.module.scss @@ -282,14 +282,15 @@ :local(.fadeAwayLoader) { border-radius: 50%; border: 5px solid $secondary-violet; + will-change: transform; animation: fadeawayDefault 1.5s linear infinite; @keyframes fadeawayDefault { - 0% { - width: 5px; - height: 5px; + 0% { + transform: scale(0.1); opacity: 1; } 100% { + transform: scale(1); margin: 0%; opacity: 0; filter: hue-rotate(360deg); @@ -301,11 +302,11 @@ animation: fadeaway 1.5s linear infinite; @keyframes fadeaway { 0% { - width: 5px; - height: 5px; + transform: scale(0.1); opacity: 1; } 100% { + transform: scale(1); margin: 0%; opacity: 0; }