56px
Texto gradiente
O que é gerador texto gradiente?
O gerador texto gradiente aplica um gradiente suave multicolorido ao seu texto e gera CSS pronto para uso. Pré-visualize o efeito ao vivo e copie a classe CSS diretamente para sua folha de estilo.
Como usar o gerador texto gradiente
- Digite seu texto e escolha as cores do gradiente.
- Selecione uma direção e ajuste o tamanho da fonte.
- Copie o CSS e cole na sua folha de estilo.
Saiba mais▾
Como funciona o texto gradiente em CSS
O texto com gradiente CSS usa background: linear-gradient(...) combinado com -webkit-background-clip: text e -webkit-text-fill-color: transparent. Isso recorta o gradiente na forma do texto, fazendo as letras parecerem preenchidas com as cores do gradiente.
Perguntas frequentes
Isso funciona em todos os navegadores?
Sim. O prefixo -webkit está incluído para ampla compatibilidade.