Тест RDS Advanced Text - Турбо Бизнес

Турбо Бизнес

0,00 руб.
0

Корзина

Тест RDS Advanced Text

Градиентный заголовок

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

Прозрачный текст с инверсным фоном

Тест RDS Advanced Text

Градиентный текст в рамке

Исчезающий текст

♣   Рифлёный текст   ♣

Осталось понять, что происходит:

  • свойство -webkit-background-clip: text оставляет градиент только под текстом;
  • свойство -webkit-text-fill-color: transparent делает цвет текста прозрачным.

Фактически текст не становится градиентным. Однако через него теперь виден градиент, то есть задачу мы решили.

Вот ещё пример того, как можно использовать те же свойства.
Раскомментируйте text-shadow, поменяйте radial-gradient на linear-gradient — эффекты будут заметно отличаться.

Welcome
to USA

Welcome
to USA

X