Cards | Shoh2008 serious badger 45
html共 17 行
<div class="container">
<div class="card">
<div class="card__image-container">
</div>
<svg class="card__svg" viewBox="0 0 800 500">
<path d="M 0 100 Q 50 200 100 250 Q 250 400 350 300 C 400 250 550 150 650 300 Q 750 450 800 400 L 800 500 L 0 500" stroke="transparent" fill="#333"></path>
<path class="card__line" d="M 0 100 Q 50 200 100 250 Q 250 400 350 300 C 400 250 550 150 650 300 Q 750 450 800 400" stroke="pink" stroke-width="3" fill="transparent"></path>
</svg>
<div class="card__content">
<p class="card__title">Lorem ipsum</p>
<p>Soluta dolor praesentium at quod autem omnis, amet earum nesciunt porro.</p>
</div>
</div>
</div>