پیشنمایش زنده
کد HTML
<div class="animate-pulse flex flex-col items-center gap-4 w-60">
<div>
<div class="w-48 h-6 bg-slate-400 rounded-md"></div>
<div class="w-28 h-4 bg-slate-400 mx-auto mt-3 rounded-md"></div>
</div>
<div class="h-7 bg-slate-400 w-full rounded-md"></div>
<div class="h-7 bg-slate-400 w-full rounded-md"></div>
<div class="h-7 bg-slate-400 w-full rounded-md"></div>
<div class="h-7 bg-slate-400 w-1/2 rounded-md"></div>
</div>
کد CSS
.mx-auto{margin-left:auto;margin-right:auto}.mt-3{margin-top:0.75rem}.flex{display:flex}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.w-1\/2{width:50%}.w-28{width:7rem}.w-48{width:12rem}.w-60{width:15rem}.w-full{width:100%}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-4{gap:1rem}.rounded-md{border-radius:0.375rem}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184 / var(--tw-bg-opacity))}