www.webdeveloper.com
Results 1 to 3 of 3

Thread: animated full width navbar in fixed size layout

  1. #1
    Join Date
    Jul 2013
    Posts
    57

    animated full width navbar in fixed size layout

    Hello,

    Is it possible to animate navbar using css3 animation such as:

    #nav {
    animation-delay:0s;
    animation-duration:1s;
    animation-name:slideDown;
    animation-fill-mode:forwards;
    }

    @keyframes slideDown {
    from { bottom: 50%;}
    to {bottom: 0%;}
    }

    in fixed size layout? I'm already doing this in responsive layout, but need to change it to fixed size. the navbar is in full width. Then, should I set the height, so that if I open using mobile phone, the navbar will not too far at the bottom. Because I need it to appear below the content.

  2. #2
    Join Date
    Nov 2013
    Location
    new york
    Posts
    66
    By adding Jquery code you can give animation.
    And you can give text transition effect also.

  3. #3
    Join Date
    Jul 2013
    Posts
    57
    Do you have example? because i'm not pro in jquery

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles