HTML/CSS

Cara Membuat Efek Hover Glow pada Button dengan Tailwind CSS

Tutorial singkat cara membuat tombol interaktif dengan efek cahaya (glow) yang elegan saat kursor diarahkan, menggunakan utilitas class dari Tailwind CSS.

<button class="px-8 py-4 bg-blue-600 text-white font-bold rounded-2xl 
               transition-all duration-300 
               hover:bg-blue-500 hover:shadow-[0_0_20px_rgba(37,99,235,0.8)] 
               hover:-translate-y-1 active:scale-95">
  Hover Me! 🚀
</button>
4 Views
Eksplor Materi Lainnya