Почему не работает transition на mouseleave?

Question

[Nikita Shchypylov]

КОДПЕН

Не понимаю, почему так бывает. Вот, есть ховер. Когда навожу на блок, ховер работает на background
Если уводим курсор - он пропадает быстро
Что скажите?

Спасибо

Answer 1

[Сергей Мурзин]

Когда убирается hover положение по оси z переходит в состояние указанное без hovera, в данном случае auto.

Установите z-index в классе overlay такое же как и на hover.

.overlay {
  /* ... */
  z-index: 1;
}

Comments

[Nikita Shchypylov]

Отлично, заработало
Спасибо!