Peut-on appliquer des styles CSS à la moitié d'un caractère dans un texte ?

Bonjour à tous ! Je suis un développeur frontend débutant et j'ai rencontré un problème intéressant. Je dois faire en sorte qu'une moitié d'une lettre (par exemple, la partie gauche) soit colorée d'une couleur, et la partie droite d'une autre. J'ai essayé de le faire avec des propriétés CSS standard, mais rien n'a fonctionné. Voici un exemple de ma tentative : ```javascript // J'ai essayé de diviser la chaîne en caractères et de styliser la moitié const text = "Привет"; const letters = text.split(''); // Et après, je ne sais pas quoi faire... ``` J'ai essayé d'utiliser `::before` et `::after`, mais ils ne fonctionnent qu'avec des éléments entiers. J'ai utilisé `background-clip: text`, mais cela colore tout le texte en entier. Peut-être y a-t-il une astuce avec JavaScript ? Ou est-ce tout simplement impossible ? J'ai besoin que le résultat ressemble à ceci : la moitié gauche de la lettre "П" est rouge, la moitié droite est bleue. C'est-à-dire que les styles ne s'appliquent pas à tout le caractère, mais à une partie de celui-ci. J'ai vu que certains sites font des effets similaires avec des dégradés, mais j'ai besoin d'une transition nette au milieu de la lettre.