Image Slide on Hover using Tailwind CSS Only | Tailwind CSS Tutorial

#tailwindcss #tailwindcsstutorial #css #csstips
We are thrilled to announce that BeyondBuilder.io is now live and ready for use! To celebrate the launch of our Tailwind CSS visual website builder, we are offering a limited-time discount. Don't miss out on this opportunity to upgrade your website building experience. Head to now to check it out and take advantage of the special offer.
the key point here is using @tailwindcss's arbitrary variants which is applied on parent (images container) element.
which means, on parent hover apply w-16(which is normal state) on all child divs(images) and apply w-96(which is expanded) when a child is hovered.
Get My Course on Udemy, Master Tailwind CSS by building 2 Real World Advanced Projects 🚀
www.udemy.com/...
source codes: -
code: - play.tailwindc...
follow us on Twitter / beyond_builder

[@julienheng3880]

this is awesome! please create more videos!

[@MuhmdShehu]

Can you add the link for the code here?

[@dilanthawijesinghe]

🔥🔥

[@kierlabadan5343]

can I ask where did you get the SVG what so ever?

[@beyondbuilder]

check out this website it has 100 set of icons which is more than 100K icons
icones.js.org/
Enjoy