Эффект увеличения при наведении — отличный способ привлечь внимание к кликабельному изображению. При этом сама картинка может немного масштабироваться, но ее размеры не должны меняться.
Для достижения подобных CSS-эффектов нужны дополнительные обертки над тегами img
с установленными размерами. Им следует установить свойство overflow
со значением hidden
, чтобы увеличенная картинка не переполнила контейнер.
Теперь к изображению можно применять любую трансформацию.