Time to get some AFK time. Picked up a concussion this weekend and its bouts of fatigue are hitting me 🥴

Have a rad weekend! 🤙

Add some color? 🎨

.ring { border-color: oklch(58% 0.25 8); }
@​keyframes hue { 50% { filter: hue-rotate(300deg); }}

Few easing tweaks, a keyframe adjustment aaaand... ✨

The CSS Trick for this text reveal on scroll? ✨

Combine position: sticky with scroll animation.

Split the text into words. Use a 'Pixel per character' value to calculate the start and end scroll position for each word 🤙

The trick here was creating a function that takes GSAP eases and converts them to CSS linear() 🔥

A flicker effect is a GSAP RoughEase that gets converted 👨‍🔬

Once you generate different custom easings, you can drop them in and use them elsewhere 🤙

What do I build tonight? 🧑‍🍳

Toying with some form of button micro-interaction or novel uses of animation timing ⏱️

Help me?

Rollin' into the weekend 🤙 LFG