Design et Ressources

Blob Shape CSS Générateur

Générer organic blob CSS shapes.

Plus dans Design et Ressources

Entrée

Blob Shape CSS Générateur

bloborganic shapecssbackground

Sortie

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

Outils similaires

Dot Pattern CSS Générateur

Générer dotted background CSS pattern.

Mesh Gradient CSS Générateur

Générer mesh gradient background CSS.

CSS Gradient Générateur

Générer a linear gradient et copy the CSS instantly.

Accordion CSS Générateur

Générer accordion panel CSS.

Avatar Stack CSS Générateur

Générer overlapping avatar stack CSS.

Baseline Grid Générateur

Générer baseline grid specs et CSS pour vertical rhythm.