Refine scanline/CRT CSS effect
Some checks are pending
build-docker / Build Image (push) Waiting to run
Some checks are pending
build-docker / Build Image (push) Waiting to run
This commit is contained in:
parent
6f76316612
commit
1bc7dc4226
2 changed files with 10 additions and 11 deletions
|
|
@ -16,24 +16,24 @@ $scan-opacity: 0.75;
|
||||||
========================================================= */
|
========================================================= */
|
||||||
|
|
||||||
// whole-screen softness
|
// whole-screen softness
|
||||||
$crt-soft-blur: 0.45px;
|
$crt-soft-blur: 0.6px;
|
||||||
|
|
||||||
// mild brightening / contrast to keep blur from looking muddy
|
// mild brightening / contrast to keep blur from looking muddy
|
||||||
$crt-contrast: 1.04;
|
$crt-contrast: 1.02;
|
||||||
$crt-saturation: 1.08;
|
$crt-saturation: 1.12;
|
||||||
$crt-brightness: 0.98;
|
$crt-brightness: 1.00;
|
||||||
|
|
||||||
// fake horizontal chroma bleed
|
// fake horizontal chroma bleed
|
||||||
$crt-r-shift: -0.7px;
|
$crt-r-shift: -1px;
|
||||||
$crt-b-shift: 0.7px;
|
$crt-b-shift: 1px;
|
||||||
$crt-bleed-blur: 1.2px;
|
$crt-bleed-blur: 1.8px;
|
||||||
$crt-rgb-opacity: 0.04;
|
$crt-rgb-opacity: 0.05;
|
||||||
|
|
||||||
// subtle tube edge darkening
|
// subtle tube edge darkening
|
||||||
$crt-vignette-opacity: 0.16;
|
$crt-vignette-opacity: 0.16;
|
||||||
|
|
||||||
// optional tiny bloom
|
// optional tiny bloom
|
||||||
$crt-glow-opacity: 0.05;
|
$crt-glow-opacity: 0.08;
|
||||||
|
|
||||||
/* =========================================================
|
/* =========================================================
|
||||||
MIXINS
|
MIXINS
|
||||||
|
|
@ -240,4 +240,3 @@ $crt-glow-opacity: 0.05;
|
||||||
background-position: 0 50%;
|
background-position: 0 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
2
server/styles/ws.min.css
vendored
2
server/styles/ws.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue