How to make blur picture background in css?

There is a picture in the unit, which under certain screen resolutions obtained in the framework. The objective of this framework is to fill in the colors of the image, an exemplary situation occurs on video when a video shot vertically and the edges of the frames are filled with flowers video. Is there a way to automatically do this in the web? css or js or jquery
September 18th 19 at 23:39
2 answers
September 18th 19 at 23:41
Solution
September 18th 19 at 23:43
if I understand correctly, can be done using :before, :after. Put them on the background is a gradient from transparent to the color of the background. And put them on the left and the right, respectively.
You understand correctly, only question how to pick colors for the gradient (each image has its color) - Malinda commented on September 18th 19 at 23:46
show layout) - nicholas_Stok commented on September 18th 19 at 23:49

Find more questions by tags HTMLjQueryCSSJavaScript