Home Forums Air HTML Theme Blur Mouseover on portfolio item

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #21860
    alice dur
    Participant
    Purchased
    Supported

    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.

    #21861
    SeaTheme
    Keymaster
    Purchased

    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.netTwitterFacebook

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!