Design e Recursos
Avatar Stack CSS Gerador
Gerar overlapping avatar stack CSS.
Entrada
Avatar Stack CSS Gerador
avatar stackcssuisocial proof
Saída
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
Ferramentas relacionadas
Accordion CSS Gerador
Gerar accordion panel CSS.
Border Radius Gerador
Gerar border-radius CSS de corner values.
Floating Label Input CSS Gerador
Gerar floating label input CSS.
Focus Ring CSS Gerador
Gerar accessible focus-ring CSS.
Gradient Border CSS Gerador
Gerar gradient border CSS styles.
Modal Backdrop CSS Gerador
Gerar modal backdrop CSS effect.