Почему не работает задержка меню?

Question

[Александр Белькевич]

Здравствуйте! Есть сайт.
Там есть верхнее меню. Мне надо, что при наведении на меню подменю появлялись с небольшой задержкой.
Я ставлю свойства для этого подменю

transition-delay: 1s, 1s;
    transition-duration: .3s, .3s;

Но ничего не меняется. Может, я не до конца понимаю принципы работы анимации? Подскажите, пожалуйста.

Answer 1

[Дмитрий Клусевич]

С свойством display , переходы не работают. Используй css анимацию.

.element-animation{
  animation: animationFrames linear .5s;
  animation-fill-mode:forwards; 
}

@keyframes animationFrames{
  0% {
    opacity:0;
    display:none
  }
  90% {
    opacity:0;
    display:block
  }
  100% {
    opacity:1;
    display:block 
 }
}

Answer 2

[Алексей]

Для display:none не работает transition.