From eb862f94c2fea787988678be16f1cfb84be31fec Mon Sep 17 00:00:00 2001 From: BFlat Date: Sun, 7 Aug 2022 13:26:35 +0700 Subject: [PATCH] particles update --- packages/fakeyou/src/scss/CSSParticles.scss | 30 ++++++++++----------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/packages/fakeyou/src/scss/CSSParticles.scss b/packages/fakeyou/src/scss/CSSParticles.scss index eaab4767c4..b9a136d394 100644 --- a/packages/fakeyou/src/scss/CSSParticles.scss +++ b/packages/fakeyou/src/scss/CSSParticles.scss @@ -1,6 +1,6 @@ /* Config */ $color-bg: #000000; -$color-particle: rgba(255, 255, 255, 0.03); +$color-particle: rgba(255, 255, 255, 0.05); $spacing: 2560px; $time-1: 120s; $time-2: 240s; @@ -11,7 +11,7 @@ $time-4: 420s; @function particles($max) { $val: 0px 0px $color-particle; @for $i from 1 through $max { - $val: #{$val}, random($spacing)+px random($spacing)+px $color-particle; + $val: #{$val}, random($spacing) + px random($spacing) + px $color-particle; } @return $val; } @@ -23,8 +23,8 @@ $time-4: 420s; /* Styles */ - -.page-bg, .animation-wrapper { +.page-bg, +.animation-wrapper { position: absolute; top: 0; left: 0; @@ -40,7 +40,8 @@ $time-4: 420s; z-index: -1; } -.particle, .particle:after { +.particle, +.particle:after { background: transparent; } @@ -54,13 +55,13 @@ $time-4: 420s; animation: animParticle $time-1 linear infinite; @include particles(500); height: 7px; - width:7px; + width: 7px; } .particle-1:after { @include particles(400); - height: 7px; - width: 7px; + height: 8px; + width: 8px; } .particle-2 { @@ -76,12 +77,12 @@ $time-4: 420s; width: 5px; } -.particle-3:after { - @include particles(800); - height: 10px; - width: 10px; - border-radius: 50%; -} +// .particle-3:after { +// @include particles(800); +// height: 10px; +// width: 10px; +// border-radius: 50%; +// } .particle-4 { animation: animParticle $time-4 linear infinite; @@ -110,4 +111,3 @@ $time-4: 420s; color: #fff; z-index: 2; } -