Design e Recursos

Blob Shape CSS Gerador

Gerar organic blob CSS shapes.

Mais de Design e Recursos

Entrada

Blob Shape CSS Gerador

bloborganic shapecssbackground

Saída

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

Ferramentas relacionadas

Dot Pattern CSS Gerador

Gerar dotted background CSS pattern.

Mesh Gradient CSS Gerador

Gerar mesh gradient background CSS.

CSS Gradient Gerador

Gerar a linear gradient e copy the CSS instantly.

Accordion CSS Gerador

Gerar accordion panel CSS.

Avatar Stack CSS Gerador

Gerar overlapping avatar stack CSS.

Baseline Grid Gerador

Gerar baseline grid specs e CSS para vertical rhythm.