Navigation
Archive / Nav item fade
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 19, 2016 at 2:59 am #1093083
    yhshin1020
    Participant

    Hey,

    I want to make my header items change to the goldish colour i have, over a span of a few seconds.

    So the animation would take a longer time, giving it a smooth animation.

    An example is Apple’s header. If you hover, it doesnt instantly change to grey, it takes a few milliseconds for it to change.

    http://www.apple.com/

    Thank you.

    July 19, 2016 at 2:59 am #1093084
    yhshin1020
    Participant
    This reply has been marked as private.
    July 19, 2016 at 3:32 am #1093129
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .x-navbar .desktop .x-nav>li>a>span {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    Hope that helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1093083 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>