Gostaria de saber se com CSS tem como deixar apenas metade de uma letra, ou metade de uma palavra, com outra cor e a outra metade com outra?
Seria possível chegar nesse resultado da imagem abaixo só com CSS?
Esse é o modelo base que tenho no momento.
h1 {
font-family: sans-serif;
font-size: 6rem;
color: red;
margin:.15em;
}
<h1>A</h1>
<h1>ABC</h1>
color: transparent
e colocar dois valores emtext-shadow
. Você pode brincar com isso se quiser.