SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    May 2014
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Side Menu Navigation panning

    Check out the menu on this site: http://piwik.org/.

    Click the Learn More button.
    See how it pans to the side and the small arrow appears, anybody know how to achieve this effect?

  2. #2
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,243
    Mentioned
    239 Post(s)
    Tagged
    1 Thread(s)
    Most templates based on bootstrap share this effect and others similar to this (they use JQuery and integrate it into the boostrap template). You may want to do a Google search and see what you find.

    I had a link to a page that I really love (can't remember the URL because it is in my fav list in my pc at home and I don't pay attention to the address bar anymore ) where you could see effects like this and the code for them.

  3. #3
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,243
    Mentioned
    239 Post(s)
    Tagged
    1 Thread(s)
    Found it!

    This menu is somehow similar to what you want

    http://tympanus.net/codrops/2013/08/...vel-push-menu/

    I'm not sure which terms I should use to get that exact effect (they have so many cool effects that you may want to use some other effect instead)

    This other may be helpful too

    http://tympanus.net/Blueprints/SlidePushMenus/


Tags for this Thread

Bookmarks

Posting Permissions

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