Thumbnail blur without blurring edges

[nic]

Hey everyone,

the current blur mouse-over effect for thumbnails blurs the thumbnail together with its edges. Is it possible to blur the thumbnail within a "mask" so that the thumbnail edges stay sharp?

Thanks

[nic]

Hey,

Little update: I searched the forum again and when using other keywords I managed to find the answer to my question:

Thread with the answer. And the relevant CSS classes:

.thumbnail-wrap:hover img, .thumbnail-wrap:hover video {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
}

Thanks @mariusjopen for adding the code snippet in the other thread. I adjusted it to also work for video thumbnails.

[arminunruh]

nice, well found!

[caromo]

Hey,

When you add this code or a simple blur to the thumbnails. When have a dark background, creates a white gradation on the borders. There's any solution? Without zoom in.

Thanks :)

image url)

[arminunruh]

ahh maybe you can add a custom html class and then add a black background somehow using custom css?

maybe that would make a difference but im not sure

[caromo]

hmmm okey, I will try!