التصميم والموارد

Blob Shape CSS مولد

إنشاء organic blob CSS shapes.

المزيد من التصميم والموارد

الإدخال

Blob Shape CSS مولد

bloborganic shapecssbackground

الإخراج

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

أدوات مشابهة

Dot Pattern CSS مولد

إنشاء dotted background CSS pattern.

Mesh Gradient CSS مولد

إنشاء mesh gradient background CSS.

CSS Gradient مولد

إنشاء a linear gradient و copy the CSS instantly.

Accordion CSS مولد

إنشاء accordion panel CSS.

Avatar Stack CSS مولد

إنشاء overlapping avatar stack CSS.

Baseline Grid مولد

إنشاء baseline grid specs و CSS لـ vertical rhythm.