Sublime

Procedural Animation School #1: You gotta rotate before you can walk. Procedural animation. Most people think of spiders and a lot of legs. This is one part, but I would say transforming physical forces into rotations is even more important & a good start > Thread > https://t.co/NPjdrZAI1g

Just a couple of lines 😉 Multi-state Lottie in React [ Made with @LottielabHQ implemented in @reactjs | Asset from @medusajs ]

Directional aware CSS button :hover w/ lh, text-shadow, and linear() button:has(span:nth-of-type(2):hover) { --y: -1lh; } button span:first-of-type { translate: 0 var(--y); transition: translate .875s var(--spring); text-shadow: 0 1lh currentColor, 0 -1lh... See more

Composition is all you need. Watch the full video below. https://t.co/efP8tl0es0

full animation done for @mymind we play this lovely animation as a reward for marking something as read label is editable so we can use it for various type of content one interesting quirk is when animation finishes and the cursor stays over the button it ignores... See more

CSS Pro Tip: Reuse your @​keyframes 🎬 .ring, .node { animation: spin 10s infinite linear; } .ring:nth-of-type(1) .node, .ring:nth-of-type(2) { animation-direction: reverse; } @​keyframes spin { to { rotate: var(--r, 360deg);... See more

Animate this loading shuffle. A quick breakdown ↓ https://t.co/Nl2Rnp1Ikq