Share this page!

Enter URL or ID to Unroll

You can paste full URL like: https://x.com/threadreaderapp/status/1644127596119195649
or just the ID like: 1644127596119195649

How to get URL link on X (Twitter) App

  1. On the Twitter thread, click on or icon on the bottom
  2. Click again on or Share Via icon
  3. Click on Copy Link to Tweet
  4. Paste it above and click "Unroll Thread"!
  5. More info at Twitter Help
Simon Vrachliotis 🇨🇭🇦🇺🏀🏄‍♂️🏂💻 Profile picture
Simon Vrachliotis 🇨🇭🇦🇺🏀🏄‍♂️🏂💻
@simonswiss
🤗 DevRel & design_gineer @thethinkmill 🎓 Tailwind CSS course: https://t.co/lMDBS6iSLE 🎙 Podcast: @the_navbar 🎬 YouTube: https://t.co/l8xNgErIc2
Jun 9, 2021 • 8 tweets • 5 min read
Loved these cool blurry, animated background shapes I noticed on the @qoals landing page the other day!

In this thread, I'll show you how to recreate them with @tailwindcss First, we create three circles with full rounded corners (`rounded-full`).

We give them an `absolute` position with different top/right/bottom/left offsets, based on their `relative` parent container.

play.tailwindcss.com/yVdRQOY8rt