thanks @tobimori for pointing out a much better css only solution that i haven't figured out myself
CSS
CSS Spring Easing Generator
What are OKLCH colors?
Easing Gradients
💡 CSS Tip! Save this one line of code for the future!
CSS one-liners with high-value gains
6 CSS Snippets Every Front-End Developer Should Know In 2025 · January 19, 2025
For your stacked elements:
CSS Grid Layout: Асимметричная адаптивная сетка
CSS Wrapped 2024
🔥 TIL about `focusgroup`, an HTML attribute that creates a “group” of focusable elements (inputs, buttons…).
If you're running a PWA and want to remove the status bar fill, check the code below ↓
Quick CSS Tip:
The latest in CSS and web UI: I/O 2024 recap | Blog | Chrome for Developers
steal this dialog and popover snippet
3 CSS tips for styling textarea you probably didn't know about
CSS magic: now you can animate height from 0 to auto via `calc-size(auto)`
Scroll masking with CSS scroll animation as a progressive enhancement ⭐️
Been adding 4px of blur to animations recently and I kinda like it?
CSS Button Styles You Might Not Know – David Bushell – Freelance Web Design (UK)
Lightning CSS
An HTML Switch Control
12 Modern CSS One-Line Upgrades | Modern CSS Solutions
Artur Bień on Twitter / X
scroll padding
Gradient borders by using transparent borders
Scroll-driven Animations: Shadow on header after scroll (Scroll-Timeline)
CSS only floating labels
CSS Text balancing with text-wrap:balance - Ahmad Shadeed
dvh, svh, lvh