Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 24, 2015 at 12:06 am #557250
    bobfurgo

    Hello! I have used the quick CSS below provided in a previous thread and the animation works amazingly. Do you guys have any other quick CSS’s for alternate navigation? Nothing specific, just wanted to see if there were any other options I could choose from with quick CSS. Thank you!

    .avia_transform3d #mobile-advanced {
    opacity: 0;
    top: -100%;
    left: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    }

    .avia_transform3d .show_mobile_menu #mobile-advanced {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    }

    December 27, 2015 at 8:45 am #557575
    Rikard

    Hi digitalammo,

    Not sure what you mean by alternate navigation? Please link you the site in question and try to explain a bit further what you are looking to achieve.

    Thanks,
    Rikard

    December 28, 2015 at 8:17 pm #557822
    bobfurgo

    By alternate navigation I meant navigation transitions. The quick CSS code I listed above is one that allows the mobile menu to drop down from the top with a faded effect, I found it in a previous thread. All I was wondering was if there were any other quick CSS codes like this that would allow another transition type, ie. one that comes from the side or one that only fades in, etc. If not then I will stick to the one above. Thanks.

    December 29, 2015 at 7:18 am #558018
    Rikard

    Hi,

    There probably a lot you could do with the effect, you could try looking at CSS transform http://www.w3schools.com/cssref/css3_pr_transform.asp

    Regards,
    Rikard

    • This reply was modified 8 years, 11 months ago by Rikard.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.