Buddilov | Плюшки для дизайнера

Анимированный градиент текста

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

Как добавить:

1. Добавьте текстовый элемент и задайте ему класс flowtext

2. Скопируйте CSS код и добавьте его в T123

3. Настройте свойства background и animation под свои цели

Меняйте цвета в строчке

background: linear-gradient(90deg, #e933ff, #ffb400, #ff3333, #334dff, #e933ff);

Код ‼️

<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>
Авто кода: https://ilda.top
Модификации