Designing with Tailwind CSS: Hover, Focus, and Active Styles

[@eugenem529]

Logged in to UA-cam just to leave a like
You explained in 1 minute what docs are doing in 20. thanks

[@chicharitomagnetico]

For those following these series, since Tailwind CSS v2.0, replace `focus:shadow-outline` with `focus:ring`
tailwindcss.com/docs/upgrading-to-v2#replace-shadow-outline-and-shadow-xs-with-ring-utilities

[@johndawson3974]

Thank you for this!

[@roylee6889]

The [ variant ] concept is pretty cool

[@djjoe1385]

Great Tutorial! For learners whose native language is not English, it would be better if they could add subtitles.

[@zen_code]

Hey Adam, I wonder how to create a hover on Tailwind like an image hover, and then an icon and some text appear over the image?

[@shubhamambastha]

Before and after?

[@samuelnmeje]

focus classes are not working in my build. great tutorial all the same..

[@oshimaharuki9148]

Same problem here...

[@samuelnmeje]

@@oshimaharuki9148 have you fixed it ?

[@oshimaharuki9148]

Although I haven't tried it yet I think the solution is to replace "focus:shadow-outline" by "focus:ring". Shadow-outline is deprecated in version 2.0.1.

[@samuelnmeje]

@@oshimaharuki9148 okay.. Good luck. i am loving tailwind

[@wendersonfernandes530]

@@oshimaharuki9148 thanks