Diseño y Recursos

Generador CSS para Toast

Genera estilos CSS para notificaciones tipo toast.

Categoría

Diseño y Recursos

Etiquetas

toastnotificationCSSui

Más herramientas de Diseño y Recursos

Entrada

Generador CSS para Toast

toastnotificationCSSui

Salida

Generador de Toast CSS

.toast {
  border-radius: 12px;
  border-left: 3px solid #0f172a;
  background: #22c55e;
  color: #0f172a;
  padding: 10px 14px;
  box-shadow: 0 18px 36px color-mix(in srgb, #22c55e 24%, transparent);
}

En vivo Vista previa

Live canvas