Privat/Website-fabianschieder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update glare background gradient for improved visual effect

Browse Source
This commit is contained in:
Fabian Schieder 2026-03-02 21:35:24 +01:00
parent f24e0de31b
commit bf568fa9d8
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/js/main.js
View File

@ -74,7 +74,9 @@ document.querySelectorAll('.card').forEach(card => {
const gy = ((e.clientY - rect.top) / rect.height * 100).toFixed(1); const gy = ((e.clientY - rect.top) / rect.height * 100).toFixed(1);
const accent = getComputedStyle(this).getPropertyValue('--accent').trim() || '#6366f1'; const accent = getComputedStyle(this).getPropertyValue('--accent').trim() || '#6366f1';
glare.style.background = `radial-gradient(circle at ${gx}% ${gy}%, color-mix(in srgb, ${accent} 35%, white) 0%, transparent 65%)`; glare.style.background = `radial-gradient(circle at ${gx}% ${gy}%,
color-mix(in srgb, ${accent} 18%, transparent) 0%,
transparent 70%)`;
}); });
card.addEventListener('mouseleave', function () { card.addEventListener('mouseleave', function () {