Aurora Banner Profile Card
A rectangular profile card whose aurora banner drifts behind the overlapping avatar.
A single initial rides a cold gradient that keeps sliding across the disc.
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.
A rectangular profile card whose aurora banner drifts behind the overlapping avatar.
A narrow light bar sweeps diagonally across the pearl-rimmed portrait disc.
A copper check badge sits in the corner and pops when the avatar is hovered.
A diagonal striped plate scrolls endlessly behind a cut-out circular avatar.
A masked conic ring alternates two tones and reverses direction while hovered.
A chat bubble with a pointed tail floats gently beside the sender avatar.
The green presence dot emits a soft ripple so the user reads as online.
A diagonal ribbon is clipped into the corner of the tile and a spark twinkles beside it.