Анимация текста — переливающийся цвет

Анимация текста — переливающийся градиентный цвет в Тильде

думай — делай — богатей

Простой CSS сниппет, для создания анимированного плавающего градиентного цвета текста.

Установка:

Добавьте текстовый элемент и задайте ему класс flowtext
Скопируйте CSS код и добавьте его в T123
Настройте свойства background
и animation под свои цели
Наслаждайтесь =)


<!-- https://ilda.top/animatsiya-teksta-perelivayushchiysya-cvet -->

<style>
.flowtext .tn-atom {
  background: linear-gradient(90deg, #e933ff, #ffb400, #ff3333, #334dff, #e933ff);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textflow 5s linear infinite;
}
@keyframes textflow {
  from {background-position: 0% center}         
  to {background-position: 200% center}
}
</style>