Делаем анимированный градиент в тексте
Как добавить:
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>
Как добавить:
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
