Kinda related: Inline scroll areas that cut off suck... as well. Adding a scroll-driven mask to the top and bottom makes it feel much smoothershow more

🤩 I just learned a super cool trick! Do... you know how sometimes you want to record while you scroll on a website, like for a demo or something... But by using the mouse to scroll it turns out to be kinda janky and it doesn't look very good? No? Just me? 🤭 Well, I found out that if you paste this code in the console of your browser: ` setInterval(() => window.scrollBy(0, 4), 16); ` You can make the browser automatically scroll for you! And it looks super cool in the recording! 😎show more

100% css 0% javascript Pretty cool that you can... run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesomeshow more

💡 CSS Tip! Create a Sticky Header that "sticks"!... A fancy effect powered by Scroll-Driven Animations and shape().show more

This is the main thing that makes iOS feel... so much smoother than Android: nonlinear animations.show more

Scroll-based 3d landing page. If you have a GLB/GLTF... 3d file, you can ask Omma to build a scroll-based landing page and keep iterating by adding more details.show more

Bloopers / outtakes Top left: the part after taking... it off is kinda rough. Top right: not much going on. Bottom left: 😳 Bottom right: 😍 #Tifa #ティファ #FF7R #AIart #AIgirlshow more

Bringing flagship-inspired design to the #OnePlusN6 and giving a... premium feel to every swipe, scroll and stare. Learn more:show more

kinda wild how far you can get with CSS... alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙show more

well well well... AG Sky and AG Scroll keep... dominating 👀show more

introducing: text decrypt scroll effect for Framer add this... to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)show more

💡 CSS Tip! Get the scroll progress of the... page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇show more

sometimes i scroll to the bottom of my downloads... and see what bullshit i have down thereshow more

Use the scroll-padding CSS property when using a scroll... fade so your items don't get stuck in the fade region. Bonus: It also makes clicking through each option way more convenient!show more

Wrote about scroll-driven variable fonts. The why, the sticky... wrapper pattern, and the weight lens stagger math.show more

I put together some Tailwind CSS utilities for masking/fading... edges of scroll containers using scroll-driven animations. Link below ↓show more

If Apple dropped the iPod Classic today, no apps,... just a scroll wheel and music, it would fly off the shelves.show more

I’ve started giving acting directions to my characters, adding... subtle human behaviors and mannerisms It makes them feel so much more realshow more