رجوع

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

مولد CSS للوحة زجاجية

إنشاء CSS للوحات بأسلوب Glassmorphism.

التصنيف

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

الوسوم

glassmorphismCSSui بطاقةdesign
المزيد من التصميم والموارد
الإدخال

مولد CSS للوحة زجاجية

glassmorphismCSSui بطاقةdesign
أمثلة سريعة
الإخراج

مولد Glass Panel CSS

.glass-panel {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, #38bdf8 35%, white);
  background: color-mix(in srgb, #0f172a 18%, transparent);
  backdrop-filter: blur(12px);
  color: white;
  padding: 24px;
  box-shadow: 0 24px 48px color-mix(in srgb, #0f172a 28%, transparent);
}
مباشر معاينة
Live canvas