هل يمكن تطبيق أنماط CSS على نصف حرف في النص؟

مرحبًا بالجميع! أنا مطور واجهات أمامية مبتدئ وواجهت مهمة مثيرة للاهتمام. أحتاج إلى جعل نصف الحرف (مثل الجزء الأيسر) ملونًا بلون واحد، والنصف الأيمن بلون آخر. حاولت فعل ذلك باستخدام خصائص CSS القياسية، لكن لم ينجح شيء. إليك مثال على محاولتي: ```javascript // حاولت تقسيم السلسلة إلى أحرف وتصميم النصف const text = "Привет"; const letters = text.split(''); // وبعد ذلك لا أعرف ماذا أفعل... ``` جربت استخدام `::before` و `::after`، لكنهما يعملان فقط مع العناصر الكاملة. استخدمت `background-clip: text`، لكنه يلون النص بأكمله. هل هناك طريقة ذكية عبر JavaScript؟ أم أن هذا مستحيل تمامًا؟ أحتاج إلى أن تكون النتيجة تقريبًا هكذا: النصف الأيسر من الحرف "П" أحمر، والنصف الأيمن أزرق. أي أن الأنماط تُطبق ليس على الحرف بأكمله، بل على جزء منه. رأيت أن بعض المواقع تفعل تأثيرات مماثلة مع التدرجات، لكني أحتاج إلى انتقال واضح في منتصف الحرف.