jeudi 22 avril 2021

How to get these classic "blurred fill frame" images with Javascript or CSS?

I'm displaying an image on the entire viewport. Depending on size, it will leave blank space on the sides or on the top and bottom. I'd like to make the kind of "blurred frame" seen here:

enter image description here

What is a good approach? I couldn't find a JQuery plugin or similar to achieve this. It's around 5000 images, so I could preprocess them with imagemagick or similar if needed, but I'd prefer a solution without preprocessing.




Aucun commentaire:

Enregistrer un commentaire