پیشنمایش زنده
کد HTML
<div class="flex items-center space-x-2">
<div class="animate-pulse rounded-full bg-gray-500 h-12 w-12 rounded-full"></div>
<div class="space-y-2">
<div class="animate-pulse rounded-md bg-gray-500 h-4 w-[200px]"> </div>
<div class="animate-pulse rounded-md bg-gray-500 h-4 w-[170px]"> </div>
</div>
</div>
کد CSS
.flex{display:flex}.h-12{height:3rem}.h-4{height:1rem}.w-12{width:3rem}.w-\[170px\]{width:170px}.w-\[200px\]{width:200px}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.items-center{align-items:center}.space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.rounded-md{border-radius:0.375rem}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}