How to Animate Tailwind CSS Without Keyframes?

Published: 04 January 2025
on channel: Cand Dev

565

Learn how to animate with Tailwind CSS! In this video, I’ll show you how to create custom animations and compare them with the Tailwindcss Motion package

🛠️ Tools & Packages Used:
[tailwindcss-motion]: https://rombo.co/tailwind/
[tailwindcss docs]: https://tailwindcss.com/docs/animation

⏱️ Timestamps:
00:00 - Introduction
00:47 - Setup Nextjs App
01:30 - Create the landing page
03:56 - How to custom tailwind css animation
12:03 - How to use tailwindcss-motion package

🌐 Check out more content:
My Portfolio: https://www.cand.site/
Medium: / ckriswinarto

💻 Get the Source Code:
GitHub: https://github.com/candraKriswinarto/...

🌐 Recommended Digital Tools (Affiliate Links):
Hostinger: Get 20% Off on Web Hosting - https://dub.sh/zrpWarU

👍 If you found this video helpful, please like, and subscribe!

❓ Any questions? Drop them in the comments below!

#Coding #tailwindcss

Watch video How to Animate Tailwind CSS Without Keyframes? online, duration hours minute second in high quality that is uploaded to the channel Cand Dev 04 January 2025. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 565 times and liked it 39 visitors.

9,649