Как применить hover к элементу div?

Question

[Михаил Зайцев]

Я только начал практиковать верстку, нашел макет и встретился с такой проблемой. Как применить hover, чтобы наводя курсор на уменьшенную картинку, всплывала в отдельном блоке это же картинка в увеличенном размере, как показано на скрине (https://habrastorage.org/webt/gi/zk/ft/gizkft4acwk...). Я долго искал, но так и не нашел как это сделать.

Comments

[Ankhena]

https://ruseller.com/lessons.php?rub=32&id=387 и т.д.

Answer 1

[33remido]

Вот простенький пример с JQUERY
https://jsfiddle.net/53LyLmy9/

Comments

[Михаил Зайцев]

А чисто на CSS и HTML можно? Без JavaScript

[33remido]

Михаил Зайцев, думаю что нет, тут все довольно таки очень просто. Рекомендую вам разобраться в верстке, если вы только приступили, а потом уже приступать к JS. Попробуйте разные интересные библиотеки такие как WOW.JS, SLICK.JS и тд, можно сделать очень много красивого и интересного без js

[33remido]

Михаил Зайцев, odinokun.com/2020-01-10-10-luchshih-bibliotek-dlya...

[Михаил Зайцев]

33remido, Спасибо большое))очень благодарен, даже не знал что есть библиотеки с готовыми анимациями

[Ankhena]

Михаил Зайцев,

А чисто на CSS и HTML можно? Без JavaScript

Можно через :target, но не нужно. Делать это на JS очень хорошо.