HomePage Forums Traveler Hover Effects

Topic Resolution: Resolved

This topic contains 8 replies, has 2 voices, and was last updated by  Bryan 3 years, 6 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #15330

    Could you please tell me where to find the “hover effects” features as seen here: http://remtsoy.com/tf_templates/traveler/demo_v1_7/feature-hovers.html#?
    I’d like to integrate them into the mega menu.

    Thanks 🙂

    #15393

    Hello

    You can try this code to make the hover image effect:

    Your class {
        z-index: 1;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }
    your class >img {
        -webkit-transition: 4s;
        -moz-transition: 4s;
        -o-transition: 4s;
        -ms-transition: 4s;
        transition: 4s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    Thanks

    #15970

    Thanks for your reply!
    Can you please also tell me where I can change the “light” overlay colour to a darker one upon hover?

    Thanks heaps for your help!

    #15974

    Never mind – I figured it out since there is opacity involved….

    #15980

    I thought I solved this, but actually I am having no luck – could you please help out?

    #16002

    Hello

    Please description more details so i can help you better.

    Thanks

    #16073

    So if you have a look at the hover examples on this page (in particular the ‘Holded Title’ examples):
    http://remtsoy.com/tf_templates/traveler/demo_v1_7/feature-hovers.html#?
    when you hover over them, there is opacity overlay – so the image goes lighter in colour when hovered over.
    I’d like to achieve the opposite – so that it goes darker instead.

    #16089

    Here is an example of what I’d like to achieve:

    Destinacije

    #16101

    Hello

    You can edit the element ST Image effect and select the style you want for your list image.

    Thanks

Viewing 9 posts - 1 through 9 (of 9 total)

The forum ‘Traveler’ is closed to new topics and replies.