You Actually CAN Build Animations with TailwindCSS

Опубликовано: 15 Май 2024
на канале: 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

Смотрите видео You Actually CAN Build Animations with TailwindCSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Tom Is Loading 15 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 13,541 раз и оно понравилось 426 людям.

3,373