Изменение размеров изображения не влияя на соотношения

К сожалению, до того как появился CSS3, изменять размеры изображение было довольно не просто, из-за их соотношения сторон. К счастью, сейчас у нас появилась такая возможность благодаря парочке отличных свойств: object-fit и object-position. Данные CSS3 свойства дают нам возможность изменять изображения, и не влиять на соотношения его сторон.

Конечно у вас всегда есть возможность обрезать изображение в визуальном редакторе, но с СSS3, у вас есть возможно придать этому процессу еще и анимацию

В примере нижу, вы можете увидеть данный эффект при помощи checkbox.

Если у вас есть какие-нибудь вопросы, пишите в комментарии, я обязательно вам отвечу

Чтобы не пропустить выход новых статей, подписывайтесь на наш telegram-канал

Оставьте ответ

comment-avatar

*