Я разрабатываю сайт, где изображение профиля пользователя должно отображаться по кругу. На этом сайте много кругов, и размер круга может меняться.
Я могу правильно отображать квадратные изображения, но с вертикальными и горизонтальными изображениями я сталкиваюсь с проблемой.
Мне нужно отобразить изображение по кругу с приведенными ниже критериями:
- Предположим, что размер изображения
500x300
. Изображение должно обрезать 100 пикселей с правой и левой сторон, чтобы отображался центр изображения. Теперь изображение должно быть300x300
с центром. Затем мне нужно сделать круг из этого изображения. ИЛИ спрятать 100 пикселей справа и слева от изображения с помощью CSS. - Если размер изображения
300x500
, верхняя и нижняя области должны быть скрыты с помощью CSS
Что мне нужно сделать, чтобы исправить это? Только ответы на CSS лучше всего подходят для меня, если это возможно.