Refine scanline/CRT CSS effect
Some checks are pending
build-docker / Build Image (push) Waiting to run

This commit is contained in:
mrkmntal 2026-04-11 18:23:00 -04:00
commit 1bc7dc4226
2 changed files with 10 additions and 11 deletions

View file

@ -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%;
} }
} }

File diff suppressed because one or more lines are too long