Подсветка фона у кнопки

Модификатор добавляет подсветку кнопки при наведении курсора

Время настройки: 5 минут

Подключение кода

Скопировать шаблон

Модификация позволяет анимировать градиент на любом тексте всего в несколько кликов

Описание

Смотреть пример

id номер:

69571839

Шаблон страницы

Номер скопирован!

Скопировать номер

Для подключения градиента добавляем класс “gradient” на текст

Создаем Zero Block и открываем редактор

1 шаг

Прописываем желаемый цвет для градиента, через запятую.

Настраиваем код

1 шаг

Создаем блок T123 и копируем в него код

2 шаг

Код скопирован!

Скопировать код

<style>
.gradient .tn-atom {
animation: gradient 15s ease infinite;
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background: -moz-linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background: -webkit-linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background: -o-linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background: -ms-linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
-webkit-box-decoration-break: clone;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
</style>