Design et Ressources

Avatar Stack CSS Générateur

Générer overlapping avatar stack CSS.

Plus dans Design et Ressources

Entrée

Avatar Stack CSS Générateur

avatar stackcssuisocial proof

Sortie

Avatar Stack CSS Generator

.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;
}

Live preview

Live canvas

Outils similaires

Accordion CSS Générateur

Générer accordion panel CSS.

Border Radius Générateur

Générer border-radius CSS de corner values.

Floating Label Input CSS Générateur

Générer floating label input CSS.

Focus Ring CSS Générateur

Générer accessible focus-ring CSS.

Gradient Border CSS Générateur

Générer gradient border CSS styles.

Modal Backdrop CSS Générateur

Générer modal backdrop CSS effect.