Home Forums Air HTML Theme Change mouseover background animation

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #20772
    Chaka Vakas
    Participant
    Purchased
    Supported

    Hi there,

    I was hoping to find a way to change the mouse-over animation in Portfolio-Listing-2.
    I would like to have text only on mouseover and get rid of the white animated box.
    Could you help me find the code in CSS of HTML that I should remove or change to be able to do this?
    I’ve only changed the logo so far, all the code is the same as the original download.
    Huge thanks!

    Chaka

    #20776
    Chaka Vakas
    Participant
    Purchased
    Supported

    So, I finally found the mouseover animation and was able to change it!
    (For the fellow readers: in CSS /* Portfolio List – Mask for Item */)

    I have a new question though 🙂
    Is it possible to combine two things: this dope “zoom-in-rotate” effect + the grid-image-text on top of it?
    Every time when I try to add the zoom-in effect, it cancels out the text on the image.
    I am still working on Portfolio-Listing-2.

    Thanks in advance!

    C

    #20778
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Glad you solve it 🙂

    Could you please send the webpage URL that needs to be added to the “zoom-in-rotate” effect? Thanks!

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #20785
    Chaka Vakas
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #20789
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please add the CSS beofore </head>

    <style>.ux-lazyload-bgimg {
    transition: .5s;
    }
    .grid-item .grid-item-con:hover .ux-lazyload-bgimg {
    transform:scale(1.1) rotate(2deg)
    }</style>

    Best

Viewing 5 posts - 1 through 5 (of 5 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!