Valve Team Colour Band Avatars
Each tile carries a team coloured band along its base that grows taller on hover.
A horizontally scrollable member rail with a slim custom scrollbar under it.
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.
Each tile carries a team coloured band along its base that grows taller on hover.
Three rounded-square members plus a counter chip that widens on hover.
Four overlapping avatars fan out into a spaced row while hovered.
The avatar flips on its vertical axis to reveal the member role on the back.
An SVG progress ring reports profile completion and refills when hovered.
The drawn portrait sits in greyscale until hover restores its saturated reef palette.
A clip-path hexagon frame wraps a smaller hexagon holding the initials.
The drawn portrait zooms inside its mask while a caption slides up over it.