Как сделать hover эффект для галереи картинок?

Question

[Анастасия Иванова]

Как сделать hover-эффект для галереи картинок, что бы при наведении на нее, появлялся полупрозрачный голубой фон с текстом??
Сама картинка:
Картинка

Comments

[r_mustang]

В блоках разместить картинку фоном, внутри блоков разместить еще блок с opacity: 0. При наведении менять прозрачность внутреннего блока.

[snap44]

r_mustang,

разместить картинку фоном,

А как по клику открыть её в полном размере?

Answer 1

[Никита Егоров]

Comments

[Анастасия Иванова]

[Никита Егоров]

niceniceice, хахаха, мда, убрали отметку "отметить решением". Только потому что у вас не получилось применить мой ответ на практике, умно, умно.

[Анастасия Иванова]

Никита Егоров, Извините, я это сделал, что бы вы обратили внимание, я еще не знаю местных правил, вы можете мне помочь, и объяснить, как сделать :hover эффект в моем варианте??

Отметку вернул обратно.

[Никита Егоров]

niceniceice, надо было просто в коменте написать, что нужно, мне бы пришло уведомление. А если убрать отметку уведомление не придет. Сейчас гляну.

[Никита Егоров]

niceniceice, держите - https://jsfiddle.net/Svupol/q0ycw1k4/9/

[Анастасия Иванова]

Никита Егоров, Огромное спасибо, еще раз извините.