monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(docs): add bullet throb animation on scroll

Browse Source 
Teal bullet dots pulse with a staggered throb when list items scroll
into view. Uses IntersectionObserver with 120ms stagger per item.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-09 23:04:11 -05:00
parent ff09382e3a
commit 040f0335c1
2 changed files with 42 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
docs/website/style.css
View File

@@ -530,6 +530,17 @@ ul, ol {
height: 8px;
border-radius: 50%;
background: var(--accent);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@keyframes bullet-throb {
0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(42, 157, 143, 0.5); }
50% { transform: scale(1.6); box-shadow: 0 0 8px 2px rgba(42, 157, 143, 0.3); }
100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(42, 157, 143, 0); }
}
.content-list li.in-view::before {
animation: bullet-throb 0.6s ease-out;
}
.features-section--alt {