К сожалению, до того как появился CSS3, изменять размеры изображение было довольно не просто, из-за их соотношения сторон. К счастью, сейчас у нас появилась такая возможность благодаря парочке отличных свойств: object-fit и object-position. Данные CSS3 свойства дают нам возможность изменять изображения, и не влиять на соотношения его сторон.
Конечно у вас всегда есть возможность обрезать изображение в визуальном редакторе, но с СSS3, у вас есть возможно придать этому процессу еще и анимацию
В примере нижу, вы можете увидеть данный эффект при помощи checkbox.
Если у вас есть какие-нибудь вопросы, пишите в комментарии, я обязательно вам отвечу
Чтобы не пропустить выход новых статей, подписывайтесь на наш telegram-канал
очень интересно