Вход | Регистрация | FAQ
Anonymous

Некорректно работает transition-duration

+ Ответить

Сообщений: 2 Страница 1 из 1


Некорректно работает transition-duration

Yan » Пт окт 02, 2015 12:48 pm

Добрый день! Я уже замучился, не пойму в чем проблема. Делаю так, чтобы при наведении на главный пункт меню, сверху плавно выезжали подпункты. Вот код:
HTML
Код: Выделить всё
<div class="menu goods">
   <a href="#">All goods</a>
   <ul class="submenu">
      <li>first</li>
      <li>second</li>
      <li>third</li>
   </ul>
</div>

CSS
Код: Выделить всё
.goods:hover .submenu{
        transform: translateY(0px);
}
.submenu{
        margin: 0;
        padding: 0;
        list-style: none;
        transform: translateY(-300px);
        transition-duration: 1s;
        transition-property: transform;
}

Это работает, но проблема в следующем:
Когда я подвожу мышку к границе главного пункта меню (т.е. к .goods), то часто блок с подменю не плавно выезжает, а резко вываливается и так же пропадает. Кто подскажет почему так? Спасибо!
Аватара пользователя

Yan

  • Сообщения: 1
  • Зарегистрирован: Пт окт 02, 2015 12:45 pm

Re: Некорректно работает transition-duration

Colosiuemmtv » Ср окт 28, 2015 3:36 am

I think that this issue is often discussed in this forum.
Аватара пользователя

Colosiuemmtv

  • Сообщения: 1
  • Зарегистрирован: Вт окт 06, 2015 5:24 am


+ Ответить

Страница 1 из 1