Есть ли готовое решение add borders для изображений?

Question

[Владимир]

Добрый день.

Уже обыденная практика для видео: если видео вертикальное, к нему добавляют бордеры, чтобы видео вписывалось в стандартный aspect ratio.

Есть ли готовое решение (желательно JS или jQuery) для придания такого эффекта неподвижным изображениям "на лету"?

Пока что приходится делать вручную:

Исходное:



Резульат:



Спасибо

Answer 1

[Роман Сарваров]

Можно самому сделать - сделать какой-то div с position:absolute, и растянуть эту картинку по всему контейнеру и сделать ему filter:blur(20px);

Но и готовые решения имеются:
https://www.jqueryscript.net/other/Create-Blurred-...

Comments

[Владимир]

Спасибо, самому делать время не позволяет: наверняка для универсального решения будет куча подводных камней.

За ссылку огромное спасибо, вы - претендент на решение)))

[Роман Сарваров]

Владимир, просто мне кажется можно и без js обойтись...

[Владимир]

Роман Сарваров, возможно. На досуге поэкспериментирую с css, интересная задачка.

[Владимир]

Владимир, ...за счёт усложнения вёрстки, имхо

[Роман Сарваров]

Владимир, вот накидал https://codepen.io/roman-sarwarow/pen/XWmKyoZ

[Владимир]

Роман Сарваров, спасибо, так это себе и представлял. Закрываем тему.