क्या टेक्स्ट में आधे कैरेक्टर पर CSS स्टाइल लागू करना संभव है?

```html सभी को नमस्कार! मैं एक शुरुआती frontend डेवलपर हूँ और एक दिलचस्प समस्या का सामना किया है। मुझे ऐसा करना है कि एक अक्षर का आधा भाग (जैसे बायाँ भाग) एक रंग में रंगा हो और दायाँ भाग दूसरे रंग में। मैंने standard CSS properties के माध्यम से ऐसा करने की कोशिश की, लेकिन कुछ काम नहीं आया। यहाँ मेरे प्रयास का उदाहरण है: ```javascript // स्ट्रिंग को कैरेक्टर में तोड़कर आधा स्टाइल करने की कोशिश की const text = "Привет"; const letters = text.split(''); // आगे नहीं पता क्या करना है... ``` `::before` और `::after` का उपयोग करने की कोशिश की, लेकिन वे केवल पूरे elements पर काम करते हैं। `background-clip: text` का उपयोग किया, लेकिन यह पूरे टेक्स्ट को एक साथ रंगता है। क्या JavaScript के माध्यम से कोई चालाक तरीका है? या यह बिल्कुल असंभव है? मुझे चाहिए कि परिणाम कुछ इस तरह दिखे: अक्षर "П" का बायाँ आधा भाग लाल, दायाँ आधा भाग नीला। यानी स्टाइल पूरे कैरेक्टर पर नहीं, बल्कि उसके भाग पर लागू होते हैं। देखा है कि कुछ साइटों पर gradients के साथ ऐसे प्रभाव बनाए जाते हैं, लेकिन मुझे अक्षर के बीच में स्पष्ट संक्रमण चाहिए, न कि धीमा। ```