keyframes, powolne rozwijanie menu

keyframes, powolne rozwijanie menu, Key frames nie działa tak jakbym chciał

frankiejojo Zobacz profil	11.05.2019, 15:02:33 Post #1
Grupa: Zarejestrowani Postów: 111 Pomógł: 2 Dołączył: 20.07.2014 Ostrzeżenie: (0%)	Usiłuję napisać skrypt, "wyskakujące menu" tylko, że chodzi mi o to, by menu rozwijało się powoli a nie "wyskakiwało natychmiast". Skrypt: [HTML] pobierz, plaintext <html> <head> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script type="text/javascript"> function menu(){ $.get("search.php").done(function( data ) { $("#menuPlace").html(data); }); } </script> <style> .search{ color:red; animation: moveSearch 15s; } @keyframes moveSearch { from { min-height: 0px; max-height: 0px; overflow-hidden; } to { height: 50px; } } </style> </head> <body> <div id ="menuPlace">Place</div> <button class='button buttonPanel' onclick='menu()'>Menu</button> </body> </html> [HTML] pobierz, plaintext Plik search.php [HTML] pobierz, plaintext <div class = "search"> miejscowość: <input type = "text" name ="city" id = "city"/></br> cena od: <input type = "text" name ="pricefrom" id = "pricefrom"/></br> cena do: <input type = "text" name ="priceto" id = "priceto"/></br> <button class='button buttonFind' onclick='find()'>Szukaj</button> <div id ="wyniki"> </div> </div> [HTML] pobierz, plaintext Funkcja menu uruchamia się natychmiast, nie trwa te 15 sekund. Jakaś podpowiedź?

trueblue Zobacz profil	11.05.2019, 15:28:40 Post #2
Grupa: Zarejestrowani Postów: 6 799 Pomógł: 1827 Dołączył: 11.03.2014 Ostrzeżenie: (0%)	Sprawdzasz swój kod przed umieszczeniem na forum? Nie ma właściwości overflow-hidden, jest overflow i nie jest animowalna. Albo animujesz height, albo max-height. -------------------- https://kawalekkodu.pl

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 17.05.2025 - 07:59

Hosting zapewnia