卡片 · Mighty Pig

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

[hidecontent type="vip1"]

<div class="card"></div>
<style>
/* From Uiverse.io by Sujitkavaiya - Tags: card */
.card {
 width: 190px;
 height: 254px;
 background: rgb(255, 255, 255);
 border-radius: 0.4em;
 box-shadow: 0.3em 0.3em 0.7em #00000015;
 transition: border 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 border: rgb(250, 250, 250) 0.2em solid;
}

.card:hover {
 border: #006fff 0.2em solid;
}
</style>

[/hidecontent]