Код помогает добавить эффект при наведении курсора на ссылки в Зеро-блок для Tilda

Добавляем эффекты при наведении на ссылки в зеро-блок

Главная
/
Модификации
/
Эффекты при наведении на ссылки в зеро-блок

Заказать код

Вступить в чат

Поблагодарить

Видео-урок

Инструкция

Выберите необходимый эффект из примера выше.

Вставьте код в блок "Другое" - Т123 в подвал вашего сайта

Опубликуйте все страницы и проверьте работу кода на сайте.

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

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

Код №1 (Меняем цвет)


<!-- Добавляем эффект при наведении на ссылки в зеро-блок | youx.agency -->
<!-- https://youx.agency/effekt-pri-navedenii-na-ssylki-zero-blok-tilda -->

<style>

    .t396__elem[data-elem-type="text"] a { 
    transition: all 0.3s ease-in-out
}
    .t396__elem[data-elem-type="text"] a:hover{
      color: #0080f4 !important;
}

</style>

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

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

Код №2 (Подчеркиваем)


<!-- Добавляем эффект при наведении на ссылки в зеро-блок | youx.agency -->
<!-- https://youx.agency/effekt-pri-navedenii-na-ssylki-zero-blok-tilda -->

<style>

    .t396__elem[data-elem-type="text"] a { 
    transition: all 0.3s ease-in-out
}
    .t396__elem[data-elem-type="text"] a:hover{
       text-decoration:underline !important;
}

</style>

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

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

Код №3 (Меняем толщину)


<!-- Добавляем эффект при наведении на ссылки в зеро-блок | youx.agency -->
<!-- https://youx.agency/effekt-pri-navedenii-na-ssylki-zero-blok-tilda -->

<style>

    .t396__elem[data-elem-type="text"] a { 
    transition: all 0.3s ease-in-out
}
    .t396__elem[data-elem-type="text"] a:hover{
      font-weight: 600;
}

</style>

Другие модификации

Вступите в наш чат в Телеграмм

Будьте в курсе новых событий, получите помощь, найдите единомышленников

Вступить