Building Blurry, Animated Background Shapes with Tailwind CSS

In this video, you'll learn how to recreate this cool blurry, animated shape effect I noticed on the Qoals landing page the other day! We'll do it with a combination of CSS filters, mix-blend-mode, and custom animations.

[sayaskye]

Everytime I see any video of Tailwind, I just smile, thanks to everyone who works to make this happen.

[aswinmohanme]

We need more high level tutorials like this. Keep up the good work 🚀

[blueline]

These videos are a gem. Thank you to the Tailwind team for doing this work and sharing it for free.

[dancedie]

This hits the perfect spot between small "egghead" like content vs. larger real-world site example.

[ammarkhan]

When I started tailwind in 2019 it was totally new, no community and was hard to integrate, but now it has improved so much and in all of my projects I am using tailwindcss.

[Balance-]

I love these videos, they make my day everytime.

[tanaephis]

Tailwind is a masterpiece and this videos are amazing.

[mc-tybr]

these tutorials make tailwindcss even more accessible muchas gracias :)

[jannickpedersen]

Just applied this to my hero intro section, nicely done :D

[lasrtje]

Love this content that's a bit more than just "here's how to use the new features of tailwind", really really cool and helpful

[georgebockari]

Tailwind is sooo freaking awesome my stomach hurts just thinking about it. Why did we ever write raw css. Thank you Adam and the team and thank you sir for the great videos on how to leverage this great tool.

[saribnoor]

u make these animation as simple as it look tough .like when i see it look dificult to other web how people create this but i have learned it from u great .😍😍

[a]

I love the "really blurry blur" 🤣

[tenc]

I love Tailwind CSS. And this channel is a masterpiece.

[SatadruChique]

Amazing effect. I saw and immediately put it on my bucket list.

[UwU-dxhu]

Not only I understood tailwind more, I also learned more css. Thank U

[lauderday]

These videos always give me lots of great ideas for potential designs I could use and shows just of how much Tailwind is capable. Thanks a lot for that!

[tobiasparent]

Absolutely delighted with the capability and flexibility. Haven't played with @layer at all, this was a great introduction to its usefulness. Thanks!

[DebjitMajumdar]

Masterpiece, I just love tailwind, this was what I was trying to achieve.

[gwemula]

I'm so glad you exist and do what you do! <3