Kann man CSS-Stile auf die Hälfte eines Zeichens im Text anwenden?

```html Hallo zusammen! Ich bin ein angehender Frontend-Entwickler und bin auf eine interessante Aufgabe gestoßen. Ich muss erreichen, dass eine Hälfte eines Buchstabens (z. B. die linke Seite) in einer Farbe eingefärbt ist und die rechte in einer anderen. Ich habe versucht, dies mit standardmäßigen CSS-Eigenschaften zu erreichen, aber es hat nicht funktioniert. Hier ist ein Beispiel meines Versuchs: ```javascript // Habe versucht, den String in Zeichen aufzuteilen und die Hälfte zu stylen const text = "Привет"; const letters = text.split(''); // Und weiter weiß ich nicht, was ich tun soll... ``` Ich habe `::before` und `::after` ausprobiert, aber sie funktionieren nur mit ganzen Elementen. Ich habe `background-clip: text` verwendet, aber das färbt den gesamten Text ein. Gibt es vielleicht einen cleveren Weg über JavaScript? Oder ist das überhaupt unmöglich? Ich brauche, dass das Ergebnis ungefähr so aussieht: die linke Hälfte des Buchstabens "П" ist rot, die rechte blau. Das heißt, die Stile werden nicht auf das gesamte Zeichen angewendet, sondern auf einen Teil davon. Ich habe gesehen, dass einige Websites ähnliche Effekte mit Gradienten machen, aber ich brauche einen klaren Übergang in der Mitte des Buchstabens. ```