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

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

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

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

🔵 Leaderboard, Leaderboard, who’s the mega earner of them... all? Wanna see how much other JumpTankers have already earned with JumpTask and who is in the TOP? Now you can! Open JumpTask, scroll to the bottom of the page, and check out the top five biggest earners! Find the leaderboard here ➡️show more

For those who are skeptical, here is a scroll... through of the messages with anonymous' identity censored, as well as showing PirateSoftware's handle and account creation date.show more

📝 Solved by CSS Scroll-Driven Animations: hide a header... when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderanshow more

Added a fixed-position editor to Pi that stays put... while the chat can stream and scroll above it. Also added configurable shortcuts for jumping between user/LLM messages, to the bottom of chat, and to the start/end of a multiline editor. pi install npm:pi-powerline-footershow more

Family means everything to me and to everyone else... as well it makes us feel like a good family and where all their for each other and supporting and others as well #BTSshow more

Updated demo has been very well received so far.... Really feel like the game is coming together. It looks much better than before. Also adding mounts improved the game so much, glad I decided to do that.show more

“They said Lakers in 5 and the Wolves won... in 5 so I think that makes it feel 10 times better” - Ant adding insult to injury 💔show more

The Batman of Shanghai (2012) follows Catwoman and Bane... as they battle for possession of the Scroll of Destiny..an artifact that Batman eventually intervenes to secureshow more

You can pin a chat scroller to the bottom... with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions ... ... #𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 * { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚗𝚘𝚗𝚎; } #𝚊𝚗𝚌𝚑𝚘𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚊𝚞𝚝𝚘; 𝚑𝚎𝚒𝚐𝚑𝚝: 𝟷𝚙𝚡; } Browsers run scroll anchoring by default to prevent layout shifts Disable it on children, re-enable it on a 1px anchor at the end and the scroll follows new content down on its ownshow more

I built a thing last week: it’s a Scroll-Driven... View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …show more

Pretty amazing that we can now implement swipeable Tabs... with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉show more

Scroll-triggered animations are coming to Chrome early next year... (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️show more