إنشاء خلفية ثنائية اللون بخط قطري

للحصول على خلفية مقسمة إلى قسمين بخط قطري باستخدام CSS، اتبع هذه الخطوات:

1. إنشاء قسمين:
إنشاء قسمين منفصلين لتمثيل قسمي الخلفية.

2. قم بتصميم Divs:
قم بتطبيق CSS التالي على divs:

.solid-div {
  background-color: [solid color];
}

.textured-div {
  background-image: url([texture image URL]); /* Replace with actual image URL */
}

3. ضع الأقسام:
استخدم تحديد موضع CSS (على سبيل المثال، مطلق أو ثابت) لوضع القسمين جنبًا إلى جنب، مع التأكد من أنهما يغطيان الشاشة بأكملها.

4. إنشاء الخط القطري:
لإنشاء الخط القطري، يمكنك استخدام تدرج CSS:

.background-container {
  background: -webkit-linear-gradient(30deg, [solid color] 50%, [textured-color] 50%);
}

5. تحريك Divs:
استخدم jQuery للتحكم في أحجام div بناءً على نقرات المستخدم، مما يؤدي إلى إنشاء "تأثير الستارة" الذي تريده.