卡片 · Ancient Pug

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

[hidecontent type="vip1"]

<div class="card">
  <p>Write here</p>
</div>
<svg class="filter">
  <filter id="wavy2">
    <feTurbulence x="0" y="0" baseFrequency="0.02" numOctaves="5" seed="1"></feTurbulence>
    <feDisplacementMap in="SourceGraphic" scale="20"></feDisplacementMap>
  </filter>
</svg>
<style>
/* From Uiverse.io by Toseef-Ahmad - Tags: card */
.card {
  width: 190px;
  height: 254px;
  display: flex;
  padding: 2em;
  box-shadow: 2px 3px 20px black, 0 0 60px #8a4d0f inset;
  background: #fffef0;
  filter: url(#wavy2);
}

.card p {
  color: black;
  font-size: 3rem;
  align-items: center;
}

.filter {
  display: none;
  position: absolute;
}
</style>

[/hidecontent]