Sublime

A sponsor on Discord asked me if it was possible to also map a draggable with snap to a scroll event. Here it is, I call this "drag-n-scroll-snap". https://t.co/p7oA6iFxLx

A CSS scroll version of the gooey island 🤙 .island { filter: url(#​svg-goo); } .island__avatar { animation: hide; animation-timeline: scroll(); animation-range: 0 var(--header-size); transform-origin: 50% 0; } @​keyframes... See more

Switching word combos on scroll with CSS 🖱️ main { animation: switch both steps(3); animation-timeline: view(); } @​keyframes switch { to { --i: 3; }} .words__track { translate: 0 calc(var(--i) * -100%); } Result of a DM... See more

Scroll-driven image carousel. Built with React, framer motion and css. Inspired by @jh3yy Check here: https://t.co/8Y2gTSi9ox https://t.co/DAndpOcd1H

cursor tracking on 3D CSS surfaces 👨‍🍳 inverse projection mappin' to calculate proximity in 3D space and apply an eased 0-1 value 🤙 the key: measuring the 4 corners, check the reveal 👇 (ideal for 2D canvas w/ 3D transforms) https://t.co/Us37PhjgHz

another trick for an "infinite" list - create a cylinder and spin it https://t.co/rc0ObrVaMp

Just released a new app that allows you to scroll through social media, not with your finger, but by walking! https://t.co/Bq8NhG6zLq 🚶🚶‍♀️🚶‍♂️ https://t.co/GiyCg3DScS