الخلفيات والتأثيرات·متوسط
بطاقة زجاجية هادئة
Glassmorphism بلا مبالغة.
نصّ البرومبت
أنشئ variant بطاقة زجاجية: - backdrop-blur-xl، bg-surface/60، border-white/10. - تعمل فقط فوق خلفية ملوّنة (mesh gradient مثلًا). - استخدمها لمرّة أو مرّتين في الصفحة، لا كنمط عام.
وسوم
glass
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
الخلفيات والتأثيرات · متوسط
خلفية Mesh Gradient هادئة
خلفية متعدّدة الألوان بأسلوب Stripe.
الخلفيات والتأثيرات · متقدّم
طبقة ضجيج للخلفية
grain خفيف يعطي الإحساس التحريري.
الخلفيات والتأثيرات · مبتدئ
خلفية شبكة نقطيّة
نمط dot-grid ناعم كأنّه ورق مربّعات.
الخلفيات والتأثيرات · متوسط
ظهور تدريجي عند السحب
Fade + slide-up عند دخول العنصر إلى الشاشة.