رجوع

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

مولد CSS لأشكال Blob

إنشاء أشكال Blob عضوية باستخدام CSS.

التصنيف

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

الوسوم

bloborganic shapeCSSbackground
المزيد من التصميم والموارد
الإدخال

مولد CSS لأشكال Blob

bloborganic shapeCSSbackground
أمثلة سريعة
الإخراج

مولد Blob Shape CSS

.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 canvas