funny thing, my original loader doesn’t use keyframes. it just loops opacity with a per‑pixel delay array + a duration param. less flexible than keyframes, but gives a different effect here is one example in case you want to try to understand it hahah: { name: 'wave-lr', // Delay in ms before each of the 9 grid cells starts animating, indexed as [0,1,2], [3,4,5], [6,7,8] delays: [0, 100, 200, 0, 100, 200, 0, 100, 200], // How long (ms) each cell takes to fade in/out duration: 600, ]
134,435 次观看
can your vibe coding tool do this? real prod codebase, no setup pain prompt: "Render all the spinner animation patterns from the @Notification component in a grid layout. render each pattern with its name below it"
144,352 次观看
can your vibe coding tool do this? implement a specific component while actually following your codebase's design system
49,765 次观看
You can create a cool gooey effect by combining a blur and fade animations between icons with a high-contrast parent element
375,544 次观看
did we need animations through the whole onboarding? probably not but it looks cool and i made them inside dessn so it counts as qa
49,224 次观看
I created this gooey text effect animation using View Transitions and the blur + contrast method
172,076 次观看
I finally decided to buy the interactive SVG animations course, let’s see how it goes
92,383 次观看
Instead of using a blurry navbar, how about we try a frosted glass navbar? 👀
109,329 次观看
If you missed it, Rive published an amazing technical blog post on how they built real vector feathering. It breaks down why default blur rendering doesn't cut it anymore and how they solved it. Super impressive work that shows why Rive is becoming so important
66,815 次观看
just one svg filter and a tiny bit of js to get this sticker-style text effect
60,174 次观看
gooey menu made with svg filters and some little animations, just css and a sprinkle of svg magic
51,710 次观看
Sensitive content
This media may contain sensitive content.
By combining the SVG bloom filter I made with CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨
28,580 次观看
Excited to share a new tool I’m building! It lets you intuitively configure CSS spring easings for smoother and more natural-looking animations
![funny thing, my original loader doesn’t use keyframes. it just loops opacity with a per‑pixel delay array + a duration param. less flexible than keyframes, but gives a different effect here is one example in case you want to try to understand it hahah: { name: 'wave-lr', // Delay in ms before each of the 9 grid cells starts animating, indexed as [0,1,2], [3,4,5], [6,7,8] delays: [0, 100, 200, 0, 100, 200, 0, 100, 200], // How long (ms) each cell takes to fade in/out duration: 600, ]](https://image.24vids.com/tw-2017358045957759121/amplify_video_thumb/2017357460323946496/img/Pk3KWHPh6T21w0ht.jpg)
