الخلفيات والتأثيرات·متوسط
خلفية Mesh Gradient هادئة
خلفية متعدّدة الألوان بأسلوب Stripe.
نصّ البرومبت
أنشئ مكوّن MeshBackground يضاف كخلفية للـ hero: - position: absolute inset-0 -z-10. - ثلاث دوائر ملوّنة (primary, accent, secondary) بـ blur-3xl وopacity 30٪. - توزيع غير متماثل: أعلى-يسار، وسط، أسفل-يمين. - overflow-hidden على الحاوي حتى لا تخرج الدوائر.
وسوم
meshgradient
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
الخلفيات والتأثيرات · متقدّم
طبقة ضجيج للخلفية
grain خفيف يعطي الإحساس التحريري.
الخلفيات والتأثيرات · مبتدئ
خلفية شبكة نقطيّة
نمط dot-grid ناعم كأنّه ورق مربّعات.
الخلفيات والتأثيرات · متوسط
بطاقة زجاجية هادئة
Glassmorphism بلا مبالغة.
الخلفيات والتأثيرات · متوسط
ظهور تدريجي عند السحب
Fade + slide-up عند دخول العنصر إلى الشاشة.