How to make text multicolor in CSS (if possible)?

Question

css

I want to make the text have, for example, two colors: the top of each letter is blue, and the bottom is red. But since I'm not an expert in css, I need help in this matter. Tell me how to do it. Is this even possible in css or just graphics? I drew an example terribly, but at least something.

Answer 1

cssdeck.com/labs/uyw67yg5
Here is my version

Answer 2

it's usually done this way (if the background image allows).
For webkit there is -webkit-background-clip: text. In this case, you are setting the background of the block to be a gradient, and this property will tell the browser to draw the background only within the boundaries of the text. But it's not cross browser.

Answer 3

Horizontally , anyway.