YOUX agency

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

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

Заказать код
Вступить в чат
Предложить код
Видео-урок

Инструкция

1
Выберите необходимый эффект из примера выше.
2
Вставьте код в блок "Другое" - Т123 в подвал вашего сайта
3
Опубликуйте все страницы и проверьте работу кода на сайте.
Код скопирован
Код №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>

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