如何使用 Tailwind CSS 在图像悬停时显示文本：在图像悬停时显示文本？
这是我的头像吗？我希望当用户将鼠标悬停在图像上时显示文本“哺乳动物”？
<img src="/img/cat/categories/mammals.png" alt="mammals" class="max-w-full max-h-full">
我更喜欢尝试相对位置和绝对位置，因为它给了我更多的选择。查看这段代码悬停时显示文本 https://play.tailwindcss.com/oszCNuYVDu
<div class="w-64 h-64 bg-red-100 relative">
<div class="absolute inset-0 bg-cover bg-center z-0" style="background-image: url('https://upload.wikimedia.org/wikipedia/en/3/3c/JumanjiTheNextLevelTeaserPoster.jpg')"></div>
<div class="opacity-0 hover:opacity-100 duration-300 absolute inset-0 z-10 flex justify-center items-center text-6xl text-white font-semibold">Dwayne</div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
