магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
30+ бесплатных модификаций для твоих проектов на тильде
Уникальные модификации, с помощью которых вы сделаете свои проекты ещё круче, продуманнее и функциональнее
Перейти
телеграм-канал для дизайнеров
Чтобы не пропустить выход новых уроков, бесплатных и платных модификаций и также анонсов обучения — подписывайся на мой телеграм-канал
подписаться
Связаться со мной
Я на связи с 10:00 до 18:00 (мск) в будние дни
Заказать разработку сайта
Вы можете заказать у меня не только разработку сайта на тильде, но и также дизайн сложных продуктов в фигме
Сайт-портфолио
Код для модификации
<!--https://dsgnmax.ru/animation-gradient-txt--> <style>
.gradient .tn-atom { /*Прописываем свой класс*/
background: linear-gradient(270deg, #9517F9, #FF46CB, #09C4FF); /*Задаем свои цвета для градиента*/
background: -webkit-linear-gradient (270deg, #9517F9, #FF46CB, #09C4FF); /*Задаем свои цвета для градиента*/
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
display: inline-block;
animation: dbm-animation 4s ease infinite; /*Длительность и плавность анимации*/
-webkit-animation: dbm-animation 4s ease infinite; /*Длительность и плавность анимации*/
background-size: 400% 200%;
}
@keyframes dbm-animation {
0% {
background-position: 0% center;
}
50% {
background-position: 50% center;
}
100% {
background-position: 0% center;
}
}
</style> <!--https://dsgnmax.ru/animation-gradient-txt--> <style>
.gradient .tn-atom__sbs-anim-wrapper .tn-atom { /*Прописываем свой класс*/
background: linear-gradient(270deg, #9517F9, #FF46CB, #09C4FF); /*Задаем свои цвета для градиента*/
background: -webkit-linear-gradient (270deg, #9517F9, #FF46CB, #09C4FF); /*Задаем свои цвета для градиента*/
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
display: inline-block;
animation: dbm-animation 4s ease infinite; /*Длительность и плавность анимации*/
-webkit-animation: dbm-animation 4s ease infinite; /*Длительность и плавность анимации*/
background-size: 400% 200%;
}
@keyframes dbm-animation {
0% {
background-position: 0% center;
}
50% {
background-position: 50% center;
}
100% {
background-position: 0% center;
}
}
</style> <!--https://dsgnmax.ru/animation-gradient-txt--> <style>
.gradient .tn-atom span { /*Прописываем свой класс*/
background: linear-gradient(270deg, #9517F9, #FF46CB, #09C4FF); /*Задаем свои цвета для градиента*/
background: -webkit-linear-gradient (270deg, #9517F9, #FF46CB, #09C4FF); /*Задаем свои цвета для градиента*/
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
display: inline-block;
animation: dbm-animation 4s ease infinite; /*Длительность и плавность анимации*/
-webkit-animation: dbm-animation 4s ease infinite; /*Длительность и плавность анимации*/
background-size: 400% 200%;
}
@keyframes dbm-animation {
0% {
background-position: 0% center;
}
50% {
background-position: 50% center;
}
100% {
background-position: 0% center;
}
}
</style> 