Почему мое свойство Transform: Scale() перемещает изображение влево?Html

Программисты Html
Anonymous
Почему мое свойство Transform: Scale() перемещает изображение влево?

Сообщение Anonymous »

Я пытаюсь создать галерею изображений с использованием CSS-анимации, но у меня возникают странные эффекты. Для начала у меня есть миниатюра меньшего размера, и я хочу, чтобы она увеличивалась в два раза, когда я наводил на нее курсор. Эта часть работает, но она также заставляет ее двигаться влево, и в конечном итоге она выходит за край экрана. Что мне следует сделать, чтобы это исправить?

Код: Выделить всё

.zoom {
transition: 1s ease-in-out;
}

.zoom:hover {
transform: scale(2);
}

Код: Выделить всё


[img]https://via.placeholder.com/200[/img]

A paper plane



Демо-версия JSFiddle

Подробнее здесь: https://stackoverflow.com/questions/268 ... o-the-left

Вернуться в «Html»