Как отобразить изображение профиля пользователя в круге? ⇐ CSS

[Anonymous]

Я разрабатываю сайт, на котором изображение профиля пользователя должно отображаться в круге. На этом сайте много кругов, и размер круга может варьироваться.

Я могу правильно отображать квадратные изображения, но с вертикальными и горизонтальными изображениями у меня возникают проблемы.

Мне нужно отобразить изображение в круге по следующим критериям:

• Предположим, размер изображения составляет 500x300. Изображение должно быть обрезано на 100 пикселей с правой и левой сторон, чтобы был виден центр изображения. Теперь изображение должно иметь размер 300x300 и располагаться по центру. Затем мне нужно сделать круг из этого изображения. ИЛИ скройте 100 пикселей справа и слева от изображения с помощью CSS.
• Если размер изображения 300 x 500, верхняя и нижняя область должна быть скрыта с помощью CSS.

Что мне нужно сделать, чтобы это исправить? Если возможно, мне лучше всего подходят ответы только на CSS.

Подробнее здесь: https://stackoverflow.com/questions/256 ... -in-circle