@Tokashi7

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

На контентном сайте есть одинаковые карточки. В их верхней части располагается КВАДРАТНЫЙ div для вставки изображения. Менять размеры этого div нельзя. Изображения, которые вставляются туда, имеют разные размеры (НЕ КВАДРАТНЫЕ). Если вставлять прямоугольное изображение в квадратный div (изображение нельзя обрезать), то сверху и снизу остаются ПОЛЯ.
Как наиболее красиво заполнить их?
5ce04b813ec08835245843.jpeg
Есть вариант дублированного и РАСТЯНУТОГО этого же изображения как background div (на втором плане), применив к нему эффекты размытия и затемнения.
Есть вариант с тенью, но выглядит крайне плохо.
  • Вопрос задан
  • 383 просмотра
Решения вопроса 1
arutyunov
@arutyunov
Mooza.ru — Делаем сайты
Используйте популярный вариант с растягиванием и блюром, как многие делают в инсте, например:
02-Vertical-Phone-Background-Scale.jpg
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
NetLab Москва
от 35 000 до 50 000 руб.
Apptech Санкт-Петербург
от 30 000 до 70 000 руб.
от 130 000 до 170 000 руб.
05 дек. 2019, в 17:20
2000 руб./за проект
05 дек. 2019, в 17:03
70000 руб./за проект