1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Как сделать плавный переход при наведении?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Илюха, 13 июн 2017.

  1. Илюха

    Илюха

    Регистрация:
    11 июн 2017
    Сообщения:
    5
    Симпатии:
    0
    Делаю меню. При наведении у ссылок появляется оранжевый фон. Но появляется он очень резко. Как сделать более плавное появление?
     
  2. shede

    shede

    Регистрация:
    11 авг 2016
    Сообщения:
    84
    Симпатии:
    46
    transition-duration: 0.5s;
     
  3. Илюха

    Илюха

    Регистрация:
    11 июн 2017
    Сообщения:
    5
    Симпатии:
    0
    а за что отвечает этот тег и как его использовать?
     
  4. shede

    shede

    Регистрация:
    11 авг 2016
    Сообщения:
    84
    Симпатии:
    46
    Это стиль css. Нужно добавить класс к тегу и прописать в нем значение transition-duration: 0.5s; Например:

    html:

    <a href="#" class="nazvanie-pravila">Название ссылки</a>

    css:

    nazvanie-pravila {
    color: red;
    transition-duration: 0.5s;
    }
    /*при наведении*/
    nazvanie-pravila: hover {
    color: blue;
    }
     
  5. arturito

    arturito

    Регистрация:
    5 июн 2015
    Сообщения:
    4
    Симпатии:
    0
    <a href="#" class="link">ССЫЛКА</a>

    <style>
    .link {
    transition-duration:0.8s;
    color: #000;
    padding: 5px 10px
    }
    .link:hover {
    color: #fff;
    background: orange;
    text-decoration: none;
    }
    </style>