örtüşen avatar grupları
Üst üste yığılmış birden fazla kullanıcı simgesi ve kaç kişinin kaldığını gösteren bir rozet içeren Avatar kullanıcı arayüzü.
Tailwind CSS
Genellikle “bu projeye katılanlar” ve “bunu beğenen kullanıcılar” gibi şeyleri ifade etmek için kullanılan, hafifçe örtüşen bir grup avatar.
Önizleme
Uygulama kodu (Uygulama)
<div class="flex -space-x-4">
<img class="w-10 h-10 rounded-full border-2 border-white dark:border-zinc-900" src="https://i.pravatar.cc/150?img=1" alt="User 1" />
<img class="w-10 h-10 rounded-full border-2 border-white dark:border-zinc-900" src="https://i.pravatar.cc/150?img=2" alt="User 2" />
<img class="w-10 h-10 rounded-full border-2 border-white dark:border-zinc-900" src="https://i.pravatar.cc/150?img=3" alt="User 3" />
<img class="w-10 h-10 rounded-full border-2 border-white dark:border-zinc-900" src="https://i.pravatar.cc/150?img=4" alt="User 4" />
<a class="flex items-center justify-center w-10 h-10 text-xs font-medium text-white bg-gray-700 border-2 border-white rounded-full hover:bg-gray-600 dark:border-zinc-900" href="#">+99</a>
</div>