Cards | mvykool honest shrimp 87

Cardshonest shrimp1 个文件更新于 2026-04-06
html共 19 行
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div
  class="transform transition duration-300 hover:scale-110 rounded-lg shadow-lg h-52 w-56 hover:shadow-xl bg-white"
>
  <div
    class="bg-gradient-to-br from-rose-100 via-purple-200 to-purple-200 m-2 h-3/6 rounded-lg"
  ></div>

  <div class="px-5 pt-2 flex flex-col">
    <h2 class="font-semibold">Title</h2>

    <button
      class="bg-blue-500 cursor-pointer text-white px-2 py-1 mt-2 rounded-md transition duration-150 hover:bg-blue-700"
      type="button"
    >
      Button
    </button>
  </div>
</div>

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