Adding a blurred border in CSS

Using CSS, how can I add a border of 100px to all sides of an image that is made up of the perimeter pixels stretched out and blurred? e.g. the border to the left of the image is just columns 1-3 stretched horizontally and blurred together?

I see other posts explaining how to keep the edges sharp but blur the center.

Leave a Comment