 problem CSS3 zwiekszanie pola diva, problem CSS3 zwiekszanie pola diva |
  |
| problem CSS3 zwiekszanie pola diva, problem CSS3 zwiekszanie pola diva |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 84 Pomógł: 0 Dołączył: 14.10.2013 Ostrzeżenie: (0%) 
 |
Witam, kod zwieksza diva po najechaniu na niego a jak zrobic zeby zwiekszal sie i zmniejszal sie bez najechania kursorem tylko po prostu po wczytaniu strony, i zwiekszal sie i zmniejszal bez przerwy, dziękuje:)
Kod <html>
<head> <style> div { width:100px; height:100px; background:red; transition:width 2s; -webkit-transition:width 2s; } div:hover { width:300px; } </style> </head> <body> </body> </html> |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 97 Pomógł: 20 Dołączył: 18.12.2007 Skąd: Poznań Ostrzeżenie: (0%)
|
Trzeba skorzystać z javascript lub - łatwiej - z jQuery.
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 84 Pomógł: 0 Dołączył: 14.10.2013 Ostrzeżenie: (0%)
|
w jaki sposób jeśli możesz powiedzieć?(IMG:style_emoticons/default/smile.gif) bo w JS zapełnia mi pola ale pole nie porusza się mi tak elastycznie jak tu w CSS
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 97 Pomógł: 20 Dołączył: 18.12.2007 Skąd: Poznań Ostrzeżenie: (0%)
|
Chociażby przy użyciu animate w jQuery http://api.jquery.com/animate/
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 84 Pomógł: 0 Dołączył: 14.10.2013 Ostrzeżenie: (0%)
|
ale chciałbym w css zrobić albo JavaScript.. da się takie coś zrobić?(IMG:style_emoticons/default/smile.gif)
|
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 97 Pomógł: 20 Dołączył: 18.12.2007 Skąd: Poznań Ostrzeżenie: (0%)
|
Polecam lekturę : https://developer.mozilla.org/en-US/docs/We..._CSS_animations albo jak wolisz po polsku http://kurshtml5.edu.pl/animacje-css/ - jest nawet przykład o jaki Ci chodzi.
Tego jednak wszystkie przeglądarki nie obsługują. jQuery jest "bardziej kompatybilnym" rozwiązaniem. Ten post edytował glh 18.11.2013, 20:45:51 |
|
|
|
|
|
Aktualny czas: 23.08.2025 - 12:16 |
