Logowanie

Animacja menu.

pytanie zadane 4 kwietnia 2016 w HTML i CSS przez R.orlinski Mądrala (5,490 p.)

Witam. Chciałbym zrobić tak, aby responsywne menu rozwijało się płynnie i nie mogę za nic tego zrobić :/ Bardzo proszę o pomoc. Strona Internetowa: aquastalka.pl Pozdrawiam.

2 odpowiedzi

odpowiedź 4 kwietnia 2016 przez Ivan Maniak (60,650 p.)

1. Możesz zrobić to zrobić za pomocą JS, korzystasz z JQuery więc:

$('.small').onClick(function(){
  $('ul.lnav').slideToggle(300);
});

2. CSS. Nie będę pokazywał kodu, bo twój jest troszkę chaotyczny i szkoda mi czasu aby się połapać co jest czym.
Musisz listę z nawigacją wsadzić pod góry pasek, czyli nadać ujemny margines -100%. Następnie dodać transition: margin i stworzyć klasę [z margin: 0], która będzie nadawana gdy klikniesz w przycisk.

Jeżeli coś nie będzie działało to na 99%, ponieważ wysokość listy lnav wynosi 0. Jest to spowodowane, przez to, że dałeś float: left li. Nie mam pojęcia dlaczego, ponieważ i tak one mają 100%, a każdy element blokowy ma 100%.

komentarz 4 kwietnia 2016 przez R.orlinski Mądrala (5,490 p.)

JS nie chce działać, jak wrócę do domu będę próbować z CSS-em.

odpowiedź 4 kwietnia 2016 przez jpacanowski VIP (101,940 p.)

Wystarczy do tego CSS

http://webroad.pl/html5-css3/555-podstawy-animacji-w-css3
http://webkod.pl/kurs-css/lekcje/dzial-1/animacja-elementu-animation-css3
http://webkod.pl/kurs-css/lekcje/dzial-1/efekt-przejscia-transition-css3

komentarz 5 kwietnia 2016 przez mitelak Pasjonat (23,330 p.)

W jaki sposób czysty CSS obsłuży zdarzenie kliknięcia?

Podobne pytania

0 głosów

1 odpowiedź 170 wizyt

Responsywne menu

pytanie zadane 9 sierpnia 2016 w HTML i CSS przez Paweł Chyła Użytkownik (560 p.)

+2 głosów

2 odpowiedzi 509 wizyt

Responsywne menu w css

pytanie zadane 16 lutego 2016 w HTML i CSS przez mowmiheniek Stary wyjadacz (11,900 p.)

0 głosów

2 odpowiedzi 612 wizyt

Przerobienie zwykłego menu na responsywne

pytanie zadane 28 stycznia 2016 w HTML i CSS przez ShadoWs Bywalec (2,800 p.)

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...