Skip to content

Commit e8e9dd5

Browse files
p4gsclaudehappy-otter
committed
Make haze fixed-position and boost pulse brightness
Hazes now stay in place while page scrolls, pulsing up to 2x opacity. Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
1 parent 3072fa4 commit e8e9dd5

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

docs/projects/nthpartyfinder/index.html

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -121,11 +121,12 @@
121121
overflow: hidden;
122122
}
123123
.haze {
124-
position: absolute;
124+
position: fixed;
125125
border-radius: 50%;
126126
pointer-events: none;
127127
filter: blur(80px);
128128
will-change: transform, opacity;
129+
z-index: 0;
129130
}
130131
.haze-orange {
131132
width: 600px;
@@ -174,7 +175,7 @@
174175
}
175176
@keyframes haze-pulse {
176177
0%, 100% { opacity: 1; }
177-
50% { opacity: 1.5; }
178+
50% { opacity: 2; }
178179
}
179180

180181
.hero-eyebrow {
@@ -684,11 +685,11 @@
684685
</nav>
685686

686687
<!-- HERO -->
687-
<header class="hero">
688-
<div class="haze haze-orange"></div>
689-
<div class="haze haze-blue"></div>
690-
<div class="haze haze-purple"></div>
688+
<div class="haze haze-orange"></div>
689+
<div class="haze haze-blue"></div>
690+
<div class="haze haze-purple"></div>
691691

692+
<header class="hero">
692693
<div class="container">
693694
<div class="hero-eyebrow"><span class="dot"></span> GRC Engineering Open Source</div>
694695
<h1 class="hero-title">

0 commit comments

Comments
 (0)