Cards | JkHuger spotty swan 68
html公开前 25 行,完整代码需登录
<div class="card">
<div class="card__info">
<div class="card__logo">MasterCard</div>
<div class="card__chip">
<svg class="card__chip-lines" role="img" width="20px" height="20px" viewBox="0 0 100 100" aria-label="Chip">
<g opacity="0.8">
<polyline points="0,50 35,50" fill="none" stroke="#000" stroke-width="2"></polyline>
<polyline points="0,20 20,20 35,35" fill="none" stroke="#000" stroke-width="2"></polyline>
<polyline points="50,0 50,35" fill="none" stroke="#000" stroke-width="2"></polyline>
<polyline points="65,35 80,20 100,20" fill="none" stroke="#000" stroke-width="2"></polyline>
<polyline points="100,50 65,50" fill="none" stroke="#000" stroke-width="2"></polyline>
<polyline points="35,35 65,35 65,65 35,65 35,35" fill="none" stroke="#000" stroke-width="2"></polyline>
<polyline points="0,80 20,80 35,65" fill="none" stroke="#000" stroke-width="2"></polyline>
<polyline points="50,100 50,65" fill="none" stroke="#000" stroke-width="2"></polyline>
<polyline points="65,65 80,80 100,80" fill="none" stroke="#000" stroke-width="2"></polyline>
</g>
</svg>
<div class="card__chip-texture"></div>
</div>
<div class="card__type">debit</div>
<div class="card__number">
<span class="card__digit-group">0123</span>
<span class="card__digit-group">4567</span>
<span class="card__digit-group">8901</span>
<span class="card__digit-group">2345</span>