магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Обучающие продукты
бесплатный
базовый
для опытных
Предзапись на курс по стилизации стандартных блоков на тильде
Вы можете забронировать за собой самую низкую стоимость обучения, которое стартует 27 октября
Забронировать место
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> 