پیشنمایش زنده
کد HTML
<div class="flex flex-row gap-2">
<div class="animate-pulse bg-gray-300 w-12 h-12 rounded-full"></div>
<div class="flex flex-col gap-2">
<div class="animate-pulse bg-gray-300 w-28 h-5 rounded-full"></div>
<div class="animate-pulse bg-gray-300 w-36 h-5 rounded-full"></div>
</div>
</div>
کد CSS
.flex{display:flex}.h-12{height:3rem}.h-5{height:1.25rem}.w-12{width:3rem}.w-28{width:7rem}.w-36{width:9rem}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.gap-2{gap:0.5rem}.rounded-full{border-radius:9999px}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}