“gradiente linear em texto” 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

cor de texto como gradiente 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

CSS de gradiente de cores de texto

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

gradiente linear em texto

.heading-secondary {
  font-size: 3.5rem;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  background-image: linear-gradient(to right, $color-primary-light, $color-primary-dark);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: 0.2rem;
  transition: all 0.2s;
Shirshak kandel

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 cores para texto

.text {
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(0,0,0,.2);
}
Determined Dragonfly

Respostas semelhantes a “gradiente linear em texto”

Perguntas semelhantes a “gradiente linear em texto”

Mais respostas relacionadas para “gradiente linear em texto” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código