卡片 · Calm Firefox

类型：组件　·　分类：卡片　·　收录：2026-09-19　·　源码：会员可见

[hidecontent type="vip1"]

<!-- From Uiverse.io by Javierrocadev - Tags: blue, black, card, cardhover , tailwind -->
<div class="w-60 h-80 bg-neutral-800 rounded-3xl text-neutral-300 p-4 flex flex-col items-start justify-center gap-3 hover:bg-gray-900 hover:shadow-2xl hover:shadow-sky-400 transition-shadow">
  <div class="w-52 h-40 bg-sky-300 rounded-2xl"></div>
  <div class="">
      <p class="font-extrabold">Card title</p>
      <p class="">4 popular types of cards in UI design.</p>
  </div>
  <button class="bg-sky-700 font-extrabold p-2 px-6 rounded-xl hover:bg-sky-500 transition-colors">See more</button>
</div>

[/hidecontent]