Как замазать свободную область от картинки?

Question

[Dopamine]

На VK фото в ленте, если ширина уже высоты, по краям добавляется размытая картинка (Эта же):



Как можно такое повторить?

Answer 1

[Сергей delphinpro]

Расположить такую же картинку позади и растянуть ее на весь блок. Чтобы не было искажений, установить object-fit:cover; Либо повесить на фон с заполнением background-size: cover;
Заблюрить с помощью filter: blur(10px);

Comments

[Dopamine]

Большое спасибо!