Topaz Notification Count Avatar
An unread counter badge nudges itself every few seconds to draw the eye.
A copper check badge sits in the corner and pops when the avatar is hovered.
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
HTML, CSS, React çıktısı, kopyalama ve tarayıcı editörü giriş yaptıktan sonra açılır.
Bu efektte bir sorun mu var, yoksa daha iyisini mi yazdın? Düzeltme gönder — onaylanırsa puan kazanırsın.
Sorun bildir veya düzeltBu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
<style> etiketine ekle.Avatarlar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Avatarlar koleksiyonuna göz at.
An unread counter badge nudges itself every few seconds to draw the eye.
A drawn camera badge pulses at the corner and rights itself when the avatar is hovered.
The green presence dot emits a soft ripple so the user reads as online.
A masked conic ring alternates two tones and reverses direction while hovered.
Paper bits rain over a celebrating member while the striped party hat rocks on top.
A pentagon frame sways slowly around a second pentagon holding the initials.
The speaking member breathes inside a green glow while the silent one stays desaturated.
A narrow light bar sweeps diagonally across the pearl-rimmed portrait disc.