Переливающийся текст на CSS

Простой пример как анимировать линейный градиент, выступающим фоном текста

Пример:

Переливающийся текст

Чем крупнее и жирнее шрифт, тем интереснее и красивее можно настроить эффект переливания.

HTML:

CSS:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Женя:

    Как сделать фон прозрачный вообще только текст чтобы был

    Ответить
    • Alexander:

      Не понял, какой фон?
      Сейчас фон блока — белый, фон текста переливается.

      Ответить
  • Наталья:

    а если фон не белый?? Черный фон не получается сделать..

    Ответить
    • Alexander:

      Заменяем / добавляем

      .pouring {
      	background: #000;
      	color: #fff;
      }
      .pouring:before {
      	mix-blend-mode: multiply;
      }
      Ответить