Diseño y Recursos

Blob Shape CSS Generador

Generar organic blob CSS shapes.

Más herramientas de Diseño y Recursos

Entrada

Blob Shape CSS Generador

bloborganic shapecssbackground

Salida

Blob Shape CSS Generator

.blob {
  width: 140px;
  height: 110px;
  background: linear-gradient(135deg, #38bdf8, #dbeafe);
  border-radius: 58% 42% 34% 66% / 44% 43% 57% 56%;
  box-shadow: 0 26px 48px color-mix(in srgb, #38bdf8 28%, transparent);
}

Live preview

Live canvas

Herramientas relacionadas

Dot Pattern CSS Generador

Generar dotted background CSS pattern.

Mesh Gradient CSS Generador

Generar mesh gradient background CSS.

CSS Gradient Generador

Generar a linear gradient y copy the CSS instantly.

Accordion CSS Generador

Generar accordion panel CSS.

Avatar Stack CSS Generador

Generar overlapping avatar stack CSS.

Baseline Grid Generador

Generar baseline grid specs y CSS para vertical rhythm.