LaconicNetwork/laconic.com
6
0
Fork 0
mirror of https://github.com/LaconicNetwork/laconic.com.git synced 2026-01-15 15:24:07 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: improve gradient

Browse Source
This commit is contained in:
Nazareno Oviedo 2022-04-19 13:27:49 -03:00
parent 3c58b5573f
commit faa5bdaaf8
2 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/common/footer/footer.module.scss
View File

@ -36,11 +36,19 @@
transform: translate(-50%, -50%);
z-index: -1;
background: linear-gradient(
0deg,
var(--color-black) 15%,
rgb(9 9 121 / 0) 50%,
var(--color-black) 100%
);
0deg,
var(--color-black) 15%,
rgb(9 9 121 / 0) 50%,
var(--color-black) 100%
),
linear-gradient(
90deg,
var(--color-black) 0%,
rgb(255 255 255 / 0) 10%,
rgb(255 255 255 / 0) 50%,
rgb(255 255 255 / 0) 90%,
var(--color-black) 100%
);
width: 100%;
height: 101%;
content: '';

22
src/components/sections/homepage/hero/hero.module.scss
View File

@ -39,11 +39,19 @@
transform: translate(-50%, -50%);
z-index: -1;
background: linear-gradient(
0deg,
var(--color-black) 15%,
rgb(9 9 121 / 0) 50%,
var(--color-black) 100%
);
0deg,
var(--color-black) 15%,
rgb(9 9 121 / 0) 50%,
var(--color-black) 100%
),
linear-gradient(
90deg,
var(--color-black) 0%,
rgb(255 255 255 / 0) 10%,
rgb(255 255 255 / 0) 50%,
rgb(255 255 255 / 0) 90%,
var(--color-black) 100%
);
width: 100%;
height: 101%;
content: '';
@ -56,12 +64,12 @@
&::before {
background: radial-gradient(
ellipse farthest-corner at center center,
rgb(4 4 4 / 0.25) 45%,
rgb(4 4 4 / 0.25) 44%,
var(--color-black) 0
);
width: 120%;
height: 115%;
filter: blur(tovw(80px, 'default', 40px));
filter: blur(tovw(40px, 'default', 30px));
will-change: filter, transform;
}