At the moment I am having a bit of trouble using TailwindCSS to display a button when hovering over a div in Vue. Normally, I'd use CSS to do it but I want to do it using tailwind.
I referred to the documentation using visibility but it didn't work as expected. Is visibility normally for screen related elements? or it can be used for buttons and other content as well?
Code
<div>
<button class="text-white invisible hover:visible">Hello</button>
</div>
group
class to the parent div. Changehover
in button togroup-hover
and everything works.