“Цветовой градиент для текста” Ответ

Градиент CSS

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

Цвет текста как градиент 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

линейный градиент на текстовом

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

градиент текстовый цвет

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

Градиент CSS

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

Цветовой градиент для текста

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

Ответы похожие на “Цветовой градиент для текста”

Вопросы похожие на “Цветовой градиент для текста”

Больше похожих ответов на “Цветовой градиент для текста” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования