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

19/12/2016

0

CSS

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

Responder

Post mais votado

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

Aline Bianchini

Aline Bianchini
Responder

Mais Posts

21/12/2016

Larissa Aguiar

Obrigada! Pois é achei o pedido meio esquisito rs

Mas cliente é cliente né!

Grata pela atenção!
Responder

21/12/2016

Wilson Neto

Obrigada! Pois é achei o pedido meio esquisito rs

Mas cliente é cliente né!

Grata pela atenção!


Clientes e suas criatividades. Haha!
Responder

22/12/2016

Larissa Aguiar

Nem fala Wilson Neto! kkkkkkkkkkkk
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar