Непрозрачность странный эффект при изменении размера ⇐ CSS

[Anonymous]

Я разрабатываю веб -сайт, и у меня есть этот код, когда CSS начинает < /p>
/* Menu hidden by default*/
#menu {
transform: translateY(-35px);
opacity: 0;
transition: 0.35s;
}
< /code>
С помощью этой схематизированной структуры HTML, которая представляет собой меню ссылок на Navbar < /p>

< /code>
Мне нужно стилизовать меню в другом макете после 1000px (от меню гамбургера до меню рабочего стола), поэтому я использую медиа -запрос < /p>
/* Media query for desktop */
@media (min-width: 1001px) {
#menu {
opacity: 1;
transform: translateY(0px);
}
}
< /code>
Проблема здесь, тестирование с помощью инструментов Dev, когда я изменяю размер окна с непрозрачности 1001px до 1000px, проходит от 1 до 0, поскольку запрос на носителю больше не активен. Этот переключатель вызывает быструю вспышку 0,35, когда я вижу, как исчезает меню, и это действительно раздражает. Как это исправить? Я думаю, что нет решения, но я хочу сохранить эффект непрозрачности, если это возможно, спасибо.

Подробнее здесь: https://stackoverflow.com/questions/795 ... n-resizing