Cards | Shoh2008 serious badger 45

Cardsserious badger1 个文件更新于 2026-04-06
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>

登录后可以查看完整源码、在线编辑并实时预览运行效果。