Для этого нам нужно, две картинки как вы уже поняли, одна активная, а другая пассивная. Вариантов создать подобный эффект достаточно много. Показать картинку при наведении на строчку таблицы как можно реализовать показ картинки при наведении на строчку таблицы. Давайте с вами поставим задачу.
Более того, мы хотим, чтобы ещё появлялась красная рамка вокруг картинки.
Смена одной картинки на другую при наведении на неё курсора мыши называется эффектом перекатывания.
При наведении на картинку, она меняется на другую, принцип действий очень прост и понятен.
Но в этом случае, скорее всего используются скрипты.
Предыдущая статьяприлипание меню при прокрутке.
Этот псевдокласс определяет стиль элемента, когда на него наводится курсор мыши, что нам как раз и требуется.
В результате картинка менялась, возможно даже в размерах и форме.
Допустим, после этого она меняла цвет, как бы делаясь активной.