“Como aplicar gradiente linear ao texto em CSS” Respostas de código

Texto de gradiente CSS

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
Ugliest Unicorn

Como aplicar gradiente linear ao texto em CSS

.gradient-text {
    background-color: #f3ec78;
    background-image: linear-gradient(45deg, #f3ec78, #af4261);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}
Cloudy Caiman

gradiente linear no texto

h1{  font-size: 64px;
  background-image: linear-gradient(to right, #ba81cf, #6886d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
Graceful Gull

Cores de texto de gradiente

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Texto de gradiente CSS

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#f3ec78, #af4261);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
Ugliest Unicorn

gradiente de texto em CSS

h1{
  font-size: 72px;
  background: -webkit-linear-gradient(rgb(55, 120, 204), rgb(112, 235, 88));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
husseinpenart

Respostas semelhantes a “Como aplicar gradiente linear ao texto em CSS”

Perguntas semelhantes a “Como aplicar gradiente linear ao texto em CSS”

Mais respostas relacionadas para “Como aplicar gradiente linear ao texto em CSS” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código