chris/flashCards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tighten dementor blur for starker edge creep

Browse Source
This commit is contained in:
chris 2025-11-20 08:31:24 -05:00
parent 3703f346f1
commit f853df2211
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app.js
View File

@ -671,7 +671,7 @@
const size = 14 + (p * 24); // start at edges, creep inward const size = 14 + (p * 24); // start at edges, creep inward
const darkness = 0.3 + (p * 0.55); const darkness = 0.3 + (p * 0.55);
const vignette = 0.35 + (p * 0.35); const vignette = 0.35 + (p * 0.35);
const blur = 10 + (p * 10); const blur = 6 + (p * 8);
const glow = 0.08 + (p * 0.92); const glow = 0.08 + (p * 0.92);
overlay.style.opacity = opacity; overlay.style.opacity = opacity;
overlay.style.setProperty('--circle-size', `${size}%`); overlay.style.setProperty('--circle-size', `${size}%`);
@ -687,7 +687,7 @@
overlay.style.opacity = 0; overlay.style.opacity = 0;
overlay.style.setProperty('--circle-size', '12%'); overlay.style.setProperty('--circle-size', '12%');
overlay.style.setProperty('--circle-strength', '0.25'); overlay.style.setProperty('--circle-strength', '0.25');
overlay.style.setProperty('--circle-blur', '10px'); overlay.style.setProperty('--circle-blur', '6px');
overlay.style.setProperty('--vignette-strength', '0.35'); overlay.style.setProperty('--vignette-strength', '0.35');
document.documentElement.style.setProperty('--focus-glow', '0'); document.documentElement.style.setProperty('--focus-glow', '0');
saveData(); saveData();

2
style.css
View File

@ -127,7 +127,7 @@
z-index: 120; z-index: 120;
--circle-size: 12%; --circle-size: 12%;
--circle-strength: 0.25; --circle-strength: 0.25;
--circle-blur: 10px; --circle-blur: 6px;
--vignette-strength: 0.35; --vignette-strength: 0.35;
background: background:
radial-gradient(circle at 0% 12%, rgba(0,0,0,var(--circle-strength)) 0%, transparent var(--circle-size)), radial-gradient(circle at 0% 12%, rgba(0,0,0,var(--circle-strength)) 0%, transparent var(--circle-size)),