Fórum É possível aplicar CSS na metade de um caracter? #572890
19/12/2016
0
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
Curtir tópico
+ 0Post mais votado
19/12/2016
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
Gostei + 4
Mais Posts
21/12/2016
Larissa Aguiar
Mas cliente é cliente né!
Grata pela atenção!
Gostei + 0
21/12/2016
Wilson Neto
Mas cliente é cliente né!
Grata pela atenção!
Clientes e suas criatividades. Haha!
Gostei + 0
22/12/2016
Larissa Aguiar
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)