This video will learn you how to use hover, transitions, animations and transformations in Tailwind – Learn one of the most popular utility CSS frameworks named Tailwind for its simplicity and flexibility. 📲 Let’s plan a meeting Plan a (paid) 1-hour meeting on Calendly to do portfolio reviews, code reviews resume reviews or a coaching session for Laravel. Please read description before booking: 🤍newsletter.codewithdary.com/ 💌 Newsletter Sign up for my free weekly email newsletter: 🤍🤍newsletter.codewithdary.com 🔥 Resources - PHP Hosting (10% DISCOUNT): 🤍🤍hostinger.com/codewithdary - TikTok: 🤍🤍tiktok.com/🤍codewithdary - Instagram: 🤍🤍instagram.com/codewithdary/ - Twitter: 🤍twitter.com/codewithdary - Blog: 🤍blog.codewithdary.com/ - Newsletter: 🤍newsletter.codewithdary.com/ - Patreon: 🤍🤍patreon.com/user?u=30307830 - GitHub: 🤍github.com/codewithdary Want to learn more? - Courses: 🤍🤍youtube.com/channel/UCkzGZ6ECGCBh0WK9bVUprtw/playlists 📋 Table of Content 00:00 - Hover in Tailwind 03:57 - Transitions in Tailwind 06:44 - Animations in Tailwind 09:36 - Transformation in Tailwind #tailwind #tailwindcss #webdesign #hover #animations #transitions #transformations
Thanks a lot for this video Dary🙏🏾 I wish all YT videos could be this straight to the point.
Your english is very clear..i dont speak, but I can undertand all...thank you
so i have to do a cascade animation in a texts one before another to appear just when reload the page, but i'm not getting this.
at z9sHOXheE_M&t=5m30s 5:30 when it comes to transition of colors. As the documentation states, it should be the utility class name transition-colors (with a trailing s). In the documentation on the right hand side this should also have 150ms default duration.
Your assigned class transition-color (missing the trailing s) is not specified and has therefore no impact (as far as I see). Does setting the duration- without any transition property doe fallback to something like transition all? At least on my machine it seems to be - if I not oversee something..
How ul>li*3>a*3:hover?
What about animation on section ? like it fades in when scrolled on that section.
What's your folder icons
Awesome. Thanks a lot!
This was super helpful, thank you!
Extraordinary explanation your really awesome 👌🏼👌🏼👌🏼👌🏼
I love you
How to do fade in image when page reloads with tailwind? e.g opacity 0 in the beginning and after 1second opacity 1.
Sir i admire your efforts for all of us
I would more glad, if you continue laravel remaining topics
Always learn something new from your tutorial...🥰🥰🥰
Awesome job.