Design et Ressources

Générateur CSS de pile d’avatars

Créez des piles d’avatars superposés avec CSS.

Catégorie

Design et Ressources

Générateur CSS de pile d’avatars

avatar Empilementcssuisocial proof

Sortie

Générateur de Avatar Empilement CSS

.avatar-stack {
  display: flex;
  align-items: center;
}

.avatar-stack .avatar {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 3px solid white;
  margin-left: -8px;
  display: grid;
  place-items: center;
  font-weight: 700;
  color: white;
}

.avatar-stack .avatar:first-child {
  margin-left: 0;
}

En direct Aperçu

Live canvas