animation tweak to onion path status.

pull/1706/head
Warrick Corfe-Tan 4 years ago
parent 740dedecc7
commit 43855f9986

@ -62,7 +62,7 @@ const rotate = keyframes`
* Creates a glow animation made for multiple element sequentially * Creates a glow animation made for multiple element sequentially
*/ */
const glow = (color: string, glowDuration: number, glowStartDelay: number) => { const glow = (color: string, glowDuration: number, glowStartDelay: number) => {
const dropShadowType = `drop-shadow(0px 0px 6px ${color}) `; const dropShadowType = `drop-shadow(0px 0px 4px ${color}) `;
//increase shadow intensity by 3 //increase shadow intensity by 3
const dropShadow = `${dropShadowType.repeat(2)};`; const dropShadow = `${dropShadowType.repeat(2)};`;
@ -75,10 +75,12 @@ const glow = (color: string, glowDuration: number, glowStartDelay: number) => {
if (i === glowStartDelay) { if (i === glowStartDelay) {
kf += `${percent}% { kf += `${percent}% {
filter: ${dropShadow} filter: ${dropShadow}
transform: scale(1.5);
}`; }`;
} else { } else {
kf += `${percent}% { kf += `${percent}% {
filter: none; filter: none;
transform: scale(0.8);
}`; }`;
} }
} }

Loading…
Cancel
Save