CSS Анимация при наведении - медленно исчезает при наведении

Question

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

Это все работает и показаны на этом макете:

http://tinyurl.com/l2rln4k

То, что я пытаюсь сделать, но безуспешно, это иметь непрозрачность исчезает деление с обратно вниз, когда область ссылки вышла (парить из). Может ли кто-нибудь помочь?

Answer 1

Хорошо, так что ваш класс .overlay всегда имеет положение: абсолютное и верхнее: 0, слева: 0; затем добавьте переход к фону (я сделал .5s работал нормально). Проблема, с которой вы сейчас сталкиваетесь, заключается в том, что когда якорь не наводится, надпись помещается ниже, а не сверху.

Сообщите мне, если это работает