You Actually CAN Build Animations with TailwindCSS

Published: 15 May 2024
on channel: Tom Is Loading

13,541

426

Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev

TailwindCSS includes a couple of animations by default, but what if you want to add more? What if you want to define your own parameters for them, like easing functions and delay? Today we'll learn how

#tailwindcss #programming #webdev

📚 Video Links
Source code: https://github.com/TomIsLoading/tailw...
TailwindCSS Animate Plugin: https://github.com/jamiebuilds/tailwi...

🔗 My Links
TikTok:   / tomisloading
Instagram:   / tomisloading
GitHub: https://github.com/TomIsLoading
Twitter:   / tomisloading
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/

0:00 - Introduction
0:56 - Extend Tailwinds basic animations
2:07 - Defining animations inline
2:34 - Creating custom animations
4:00 - Setting animation properties with the tailwindcss animate plugin
7:27 - Play & pause animations

Watch video You Actually CAN Build Animations with TailwindCSS online without registration, duration hours minute second in high quality. This video was added by user Tom Is Loading 15 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,541 once and liked it 426 people.

13,953

161