Как сделать размытие картинки на фон css?

Question

[Phmphx]

Есть картинка в блоке, которая при некоторых разрешениях экрана получается в рамках. Задача эти рамки заполнять цветами самой картинки, примерная ситуация происходит на видеохостингах,когда видео снято вертикально и по краям рамки заполняются цветами видео. Есть ли способ автоматически выполнять эту задачу в веб? css или js или jquery

Answer 1

[Александр Таратин]

briangonzalez.github.io/jquery.adaptive-backgrounds.js

Answer 2

[terehof]

если я правильно понял, можно сделать с помощью :before, :after. Поставить им на фон градиент, с прозрачного к цвету фона. И выставить их слева и права, соответственно.

Comments

[Phmphx]

Вы правильно поняли, только вопрос как взять цвета для градиента (у каждой картинки свои цвета)

[terehof]

покажите макет)