Sticky nav shrink
Nav bar tightens up and gains a soft shadow once the page has scrolled past ~40px. Nav toggles a `.sc` class via a scroll listener. Preview loops the state every 2s so you see both. Real usage: throttle the scroll handler or use IntersectionObserver on a hero sentinel.
Live preview
open in new tab ↗<div class="a38-wrap">
<nav class="a38">
<div class="brand">FWON<em>.</em></div>
<div class="nl">Services · Case Studies</div>
<div class="cta">Book</div>
</nav>
<div class="a38-body">↕ toggling sc class</div>
</div>Block id: tim-38-sticky-nav-shrinkvanilla · drop-in
More animation-hover blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.