Реализация анимированной смены двух изображений для страницы сайта?

Question

[protalina]

Как выполнить такое задание: На странице сайта выведена фотография решенной проблемы (отремонтированные качели, к примеру)- это фото "ПОСЛЕ ремонта". При наведении указателя мыши на фото "ПОСЛЕ ремонта" вместо него анимированно должна отображаться фотография "ДО ремонта" (сломанные качели).
Стиль анимации - "масштабирование".
После вывода указателя мыши с фотографии "ДО ремонта" появляется начальная фотография "ПОСЛЕ ремонта" с тем же стилем анимации. Прилагался видеофайл, но у меня его нет, только название "hover/масштабирование.mp4".
Помогите пожалуйста, нужно к экзамену к 4 сентября

Comments

[Danny Arty]

Как понять масштабирование? Можете хотя бы на какой-нибудь видеохостинг загрузить и скинуть сюда ссылку, чтобы было понятно, какая анимация должна быть

[protalina]

Ссылка на видео:
https://youtu.be/a5_xVUWa3q4

Смещение может быть и вбок - слева направа
Объяснить не смогу, как понять масштабирование, увы.

[Danny Arty]

protalina, так смещение или масштабирование?)

[protalina]

Я переписала из задания слово в слово)) Масштабирование - это из маленькой фото при наведении будет большое? Такое мы делали.
Давайте смещение сделаем? Как на видео

Answer 1

[Danny Arty]

Как вариант с масштабированием обычным