Загрузка видео...
Не удалось загрузить видео
🤌 Blurry blobs with Tailwind CSS 1️⃣ create a few colorful shapes 2️⃣ add some blur and mix-blend-modes 3️⃣ keyframe the position & size of the shapes 4️⃣ stagger the animation-delay for randomness
23,445 просмотров • 2 лет назад •via X (Twitter)
Комментарии: 11

Patrick the LLM Engineer2 лет назад
Do you mind sharing a CodePen?

Simon Vrachliotis2 лет назад
I should do that yeah! I'll make some time to add a Tailwind Play for each clip.

Alex Casillas —アレックス2 лет назад
Beautiful 😍

Simon Vrachliotis2 лет назад
🤙🤙

Chris Sev2 лет назад
amazing

Simon Vrachliotis2 лет назад
Gotta love blurry blobs 😎

John Champ2 лет назад
Extra clean, super beautiful! 😍👏

Simon Vrachliotis2 лет назад
Thanks ✌️

jhey ▲🐻🎈2 лет назад
Love seeing different approaches with Tailwind 👏 For me, I'd likely hoist some of those classes onto the parent to target the children blobs. And then I'd inline some custom properties on them to handle delay and translate across 2 reusable keyframes (x, y) 🤔

Matan Borenkraout 🥬2 лет назад
Thanks for this one, I re-did the shadow of the main image on my personal site with your help :)

Simon Vrachliotis2 лет назад
Very nice!


