transition-duration

https://webref.ru/css/transition-property

HTML

<div class="menu">
    А здесь у нас будет своё 
    меню с преферансом и профурсетками.
  </div>

CSS

body { margin: 0; }
   .menu {
    position: absolute;
    height: 100px; width: 100%;
    background: #fc0;
    border-bottom: 20px solid #333;
    top: -100px;
    /* Анимация */
    transition-property: ;
    transition-duration: 2s;
   }
   .menu:hover { background: red;  top: 0;}