卡片 · Wet Panda

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

[hidecontent type="vip1"]

<!-- From Uiverse.io by Javierrocadev  - Tags: simple, card, hover button -->
<div
  class="w-72 h-40 flex flex-col justify-center gap-2 bg-neutral-50 rounded-lg shadow p-2"
>
  <div class="flex gap-2">
    <img class="bg-neutral-500 w-24 h-24 shrink-0 rounded-lg" alt="" />
    <div class="flex flex-col">
      <span class="font-bold text-neutral-700 italic">Card title</span>
      <p class="line-clamp-3">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non
        dolor augue. Nunc dictum erat sit amet iaculis interdum. Ut neque
        tellus, congue vel lectus aliquam, dignissim porttitor velit.
      </p>
    </div>
  </div>
  <button
    class="hover:bg-indigo-700 bg-indigo-500 font-bold text-neutral-50 rounded p-2"
  >
    See more
  </button>
</div>


    

[/hidecontent]