Мгновенный переход - Длительность не работает?

Question

РЕШЕНИЕ НАЙДЕНО (добавлено "top: 0px" в .logo-box, потому что ему нужно место для перехода)

У меня есть логотип в левом верхнем углу моего сайта, и я хочу, чтобы он выпадал, когда его div "hover-box" наведен, и это происходит. Но в какой-то момент переход прекратил принимать 0,2 с и теперь просто мгновенный, почему?

CSS:

#hover-box:hover > .logo-box {
top: 74px;
}
.logo-box {
width: 150px;
position: relative;
background-color: black;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
transition: top 0.2s ease-out;
}

Answer 1

Проблема, которую я вижу, заключается в том, что вы применяете переход к верхнему свойству, но его нет в этом конкретном классе. Я думаю, что вы должны добавить топ к этому классу.

.logo-box {
top: 0;
width: 150px;
position: relative;
background-color: black;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
transition: top 0.2s ease-out;
}

Answer 2

Добавить

top: 0px;

в .logo-box (без зависания)

Нужно что-то для перехода из :)