lfg2025/deepstock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove hover state from hero wordmark

Browse Source 
The hero H1 swapped to paintGlossHover (and paintGlossWhiteHover for
the white variant) on pointer hover, repositioning the specular
lights. Drop both hover rules and the now-unused 0.6s filter
transition so the painted wordmark holds its look regardless of
pointer position. The hover-variant SVG filters stay in defs in case
we want hover back later.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-05-05 15:38:37 +01:00
parent 775f76bd19
commit d106661f68
1 changed files with 2 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/styles.css
View File

@@ -204,7 +204,8 @@ html[lang="en"] .hero h1 { font-size: calc((100vw - 32px) / 5.2); }
.brand-tm { font-size: clamp(24px, 2.8vw, 35px); }
}
/* Glossy 3D paint effect on the brand title */
/* Glossy 3D paint effect on the brand title — no hover state by design,
the wordmark holds its painted look regardless of pointer position. */
.hero h1.paint-3d {
filter: url(#paintGloss);
-webkit-filter: url(#paintGloss);
@@ -215,14 +216,6 @@ html[lang="en"] .hero h1 { font-size: calc((100vw - 32px) / 5.2); }
-webkit-text-fill-color: transparent;
color: transparent;
padding: 0.12em 0.08em 0.2em;
transition: filter 0.6s ease;
}
.hero h1.paint-3d:hover {
filter: url(#paintGlossHover);
-webkit-filter: url(#paintGlossHover);
}
@media (prefers-reduced-motion: reduce) {
.hero h1.paint-3d { transition: none; }
}
.hero-sub {
position: relative; z-index: 1;
@@ -627,10 +620,6 @@ body.paint-white .hero h1.paint-3d {
-webkit-background-clip: text;
background-clip: text;
}
body.paint-white .hero h1.paint-3d:hover {
filter: url(#paintGlossWhiteHover);
-webkit-filter: url(#paintGlossWhiteHover);
}
body.paint-white .cta-btn { color: #1A1A18; }
body.paint-white .cta-btn:hover { color: #060604; }
body.paint-white .cta-btn::before {