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

fix(docs): make bullet throb loop continuously via CSS only

Browse Source 
Replace scroll-triggered JS animation with infinite CSS keyframe loop
(2.4s cycle). Remove IntersectionObserver code.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-09 23:06:34 -05:00
parent 7126621e83
commit a3630c03e6
2 changed files with 4 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/website/style.css
View File

@@ -534,13 +534,12 @@ ul, ol {
}
@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); }
0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(42, 157, 143, 0); }
50% { transform: scale(1.5); box-shadow: 0 0 8px 2px rgba(42, 157, 143, 0.3); }
}
.content-list li.in-view::before {
animation: bullet-throb 0.6s ease-out;
.content-list li::before {
animation: bullet-throb 2.4s ease-in-out infinite;
}
.features-section--alt {