Buttons | sahilxkhadka chatty insect 87

Buttonschatty insect1 个文件更新于 2026-04-06
html共 4 行
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<button class="bg-gradient-to-r from-blue-400 via-teal-500 to-cyan-500 text-white font-bold py-3 px-6 rounded-md hover:bg-gradient-to-r hover:from-teal-500 hover:via-blue-400 hover:to-cyan-500 transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110 shadow-md hover:shadow-lg group focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-opacity-50 active:translate-y-2 active:shadow-sm">
  <span class="group-hover:animate-bounce">Frenzy Button</span>
</button>

登录后可以查看完整源码、在线编辑并实时预览运行效果。