É possível aplicar CSS na metade de um caracter?

CSS

19/12/2016

Oi gente, to com uma dúvida de css.

Estou fazendo algo parecido com aquelas notícias em que a primeira letra ganha um destaque maior, Eu preciso especificamente de uma coisa. Fazer com que metade da letra ganhe uma tonalidade de cor diferente da outra.

Eu não tenho a menor ideia de como fazer isso. Se fosse uma palavra e eu tivesse que pegar uma parte dela, eu usaria span. Mas como não é o caso...

Só uma observação: é exigência do cliente :)
Larissa Aguiar

Larissa Aguiar

Curtidas 0

Melhor post

Aline Bianchini

Aline Bianchini

19/12/2016

Nossa Larissa essa é uma exigência estranha hein? rsrs

Bem, eu não conheço nenhuma forma de fazer isso em css com letra, se fosse numa div a gente até podia usar o radial, gradient, etc, até porque quando se trata de style a gente trabalha com elementos né?

Mas dando uma pesquisada na net encontrei um pessoal que consegui fazer isso! Através de propriedade webkit, créditos ao pessoal do StakOverflow.

<html>
<head>
<style>

h1 {
  font-size: 15x;
  background: -webkit-linear-gradient(red 49%, blue 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

</style>
</head>
<body>

<h1>Teste 2 colors</h1>

</body>
</html>



Pergunta original:
One Character in 2 Colors
GOSTEI 4

Mais Respostas

Larissa Aguiar

Larissa Aguiar

19/12/2016

Obrigada! Pois é achei o pedido meio esquisito rs

Mas cliente é cliente né!

Grata pela atenção!
GOSTEI 0
Wilson Neto

Wilson Neto

19/12/2016

Obrigada! Pois é achei o pedido meio esquisito rs

Mas cliente é cliente né!

Grata pela atenção!


Clientes e suas criatividades. Haha!
GOSTEI 0
Larissa Aguiar

Larissa Aguiar

19/12/2016

Nem fala Wilson Neto! kkkkkkkkkkkk
GOSTEI 0
POSTAR