Как сделать анимацию градиента на тексте?

Question

[Алексей Королёв]

Как сделать анимацию градиента на тексте? Как это реализовано здесь

Comments

[Антон Горецкий]

а что мешает самому открыть в браузере консоль - ткнуть на нужный элемент и посмотреть/скопировать как сделано?

[Ankhena]

Давайте я вас научу открывать инструменты разработчика, а то вы так и будете про этот сайт спрашивать. Мы его уже выучили.
Нажимаете Ctrl+Shift+I или F12 или правой кнопкой мыши из контекстного меню.
Выбираете на вкладке Elements нужный вам элемент. Или нажимаете Ctrl+Shift+C и выбираете его прямо на странице.
И дальше на вкладке Style и Computed смотрите какие стили к нему применены.

В вашем случае это сам градиент и анимация.

[Алексей Королёв]

Ankhena, я и задал вопрос, потому что открыл копировал и адекватного ничего не вышло. Мне важно разобраться в технологии, чтобы использовать её в своих проектах.

[Ankhena]

Алексей Королёв, ответ гуглится по запросу "анимация градиента".
На сайте примере все элементарно: фон градиентом больше блока и анимация bg position.

Если не получилось, показывайте в песочнице что делали и что не получилось.

Answer 1

[gogowq]

https://codepen.io/shshaw/pen/YpERQQ