Blur Mouseover on portfolio item

[alice dur]

Hello guys,

Is it possible to change the mouseover animation on a portfolio item?
Rather than disappear, I would like the image to blur with an opacity of 10%.

I tried to change the code myself but I am not the strongest coder…

Thank you for your help.

[SeaTheme]

Hi,

Please add the CSS codes:

.no-touchevents .grid-mask-filled-left .grid-item-con:hover:after, .no-touchevents .grid-mask-filled-center .grid-item-con:hover:after, .touchevents .grid-mask-filled-left .grid-item-con.air-hover:after, .touchevents .grid-mask-filled-center .grid-item-con.air-hover:after {
    opacity: 0.1;
}
.no-touchevents .grid-item-con:hover .ux-lazyload-bgimg,
.touchevents .grid-item-con.air-hover .ux-lazyload-bgimg {
    filter: blur(4px);
}

If it doesn’t work, please leave your website URL(keep the CSS), I will check it.

Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook

[Author]

Posts