Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Creating Animated Responsive Menu

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #42842

    I’m trying to create a responsive menu similar to bootstrap but was wondering if it’s possible without javascript?

    I have a double row menu (http://cdpn.io/BtEFy) so I have a hidden mobile-nav section that I want to animate – a la Bootstrap menus rather than just hiding and showing.

    Is this possible?

    #125206
    Paulie_D
    Member

    Instead of animate, you could think of ‘transition’ but, in general, the answer is probably no…especially if you want this sort of thing to happen on a ‘click’ event.

    Is there a reason why you don’t want to use JS? Apparently it’s very popular. :)

    #125316

    Just more curious as to whether it was possible.

    I can use JS just wanted to see if there were other options.

    Cheers :-)

    #125453
    Kralle
    Participant

    You could always check out the :target pseudo selector and combine it with your media queries.

    #127001

    @Hompimpa The menu could change it’s contents though over time and I don’t think you can transition to height:auto. I did try that technique once (although yours has a nicer effect) but decided it wasn’t going to work.

    #127003

    I decided that using a small amount of javascript was the way to go.

    Cheers all for your help :-)

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.