я знаю, что это будет простой ответ для кого-то, но я не могу понять это.
мне нужно просто увеличить размер изображения с 20% до 100% при наведении на него мыши
я пытаюсь использовать CSS для достижения sh это с использованием масштаба преобразования, но у меня возникла проблема, когда оставалось пустое пространство для размещения размера полного изображения.
Я бы предпочел, чтобы текст, окружающий изображение, перемещался быстро по мере масштабирования изображения. Из того, что я прочитал, я должен использовать отдельный контейнер, чтобы исправить это, но я не могу заставить его работать.
Я продолжаю пробовать разные вещи, которые я читаю в статьях, но ни одна не смогла решить мою проблему.
Здесь css, с которым я работал. это самая близкая мне возможность получить то, что я хочу, но у меня все еще есть проблемы с пробелами.
.procedureimage{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transform-origin: 0% 0%;
display: block;
transform: scale(0.2);
}
.procedureimage:hover{
transform: scale(1);
}