<![CDATA[Invert blur+darken on mouseover on project thumbnail]]>Hey,
is there a way to invert the mouseover blur + darken effect of a project thumbnail?
Like that the defaut state of the thumbnail is blurry and darkened and on mouseover the blur disappears and it gets bright and normal.

Any ideas?

Thank you in advance!

Best wishes,
Robert

]]>https://laythemeforum.com/topic/2129/invert-blur-darken-on-mouseover-on-project-thumbnailRSS for NodeFri, 17 Apr 2026 00:29:08 GMTMon, 19 Feb 2018 15:39:08 GMT60<![CDATA[Reply to Invert blur+darken on mouseover on project thumbnail on Thu, 31 Oct 2019 04:40:08 GMT]]>try this...css image shadow

]]>https://laythemeforum.com/post/15732https://laythemeforum.com/post/15732Thu, 31 Oct 2019 04:40:08 GMT<![CDATA[Reply to Invert blur+darken on mouseover on project thumbnail on Thu, 22 Feb 2018 19:30:14 GMT]]>Hi @Robertr
have a look here:
http://laythemeforum.com/topic/2224/underline-hover-effect-on-project-title-description/2

and here:
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow

You can use the inspector of Google Chrome. It is just a right click on the page:
0_1519327776789_Bildschirmfoto 2018-02-22 um 16.29.18.png

Also try to make a course at Codeacademy. Beginner CSS is for free.

All the best!

Marius

]]>https://laythemeforum.com/post/7757https://laythemeforum.com/post/7757Thu, 22 Feb 2018 19:30:14 GMT<![CDATA[Reply to Invert blur+darken on mouseover on project thumbnail on Wed, 21 Feb 2018 19:11:54 GMT]]>Thank you very much Marius!! I think that will help.
Another quick question though, is there a way to give the text on a project thumbnail (the project title) a dropshadow? And how can I see the class of such elements so that in the future maybe I can figure this stuff out by myself with my mediocre css skills …

Thank you once again,
Robert

]]>https://laythemeforum.com/post/7658https://laythemeforum.com/post/7658Wed, 21 Feb 2018 19:11:54 GMT<![CDATA[Reply to Invert blur+darken on mouseover on project thumbnail on Tue, 20 Feb 2018 19:58:00 GMT]]>Hi @Robertr
there is not really a default feature to do this.

But you could play around with this:

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

I hope I could help!

All the best!

Marius

]]>https://laythemeforum.com/post/7648https://laythemeforum.com/post/7648Tue, 20 Feb 2018 19:58:00 GMT