Эффект бегущей строки в кнопке

Эффект бегущей строки в кнопке https://nolim.cc/float-button-zero

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

Установка:

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


<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>