التصميم والموارد
مولد CSS للوحة زجاجية
إنشاء CSS للوحات بأسلوب Glassmorphism.
الإدخال
مولد 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

