Почему не выходит создать такой hover?

Question

[Crushing]

Почему не удаться создать такой ховер эффект?

Создал блок, поместил туда картинку. Далее дал этому блоку position: relative;
Далее в этом блоке создал еще один блок, и дал position: absoulute; top: 0; left: 0;
Все хорошо, далее ставлю этому блоку display:none; а при hover'e displey:inline-block; без ховера все хорошо работает, т.е. блок стал куда надо, но на ховер никак не реагирует

Comments

[spike__x]

А ховер на какой блок делаете?

[Crushing]

На блок, который position absoulute

[spike__x]

Crushing, нужно ховер на родительский .блок:ховер .дочерний {display: inline-block;}
https://codepen.io/anon/pen/LOerZy

[Crushing]

spike__x, А не знаешь как сделать что бы transition можно было применить теперь?

Answer 1

[spike__x]

transition