Forum PHP.pl > problem CSS3 zwiekszanie pola diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: problem CSS3 zwiekszanie pola diva

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Mastersieciweb

18.11.2013, 16:54:07

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>

glh

18.11.2013, 17:52:59

Trzeba skorzystać z javascript lub - łatwiej - z jQuery.

Mastersieciweb

18.11.2013, 18:17:59

w jaki sposób jeśli możesz powiedzieć?

bo w JS zapełnia mi pola ale pole nie porusza się mi tak elastycznie jak tu w CSS

glh

18.11.2013, 18:33:16

Chociażby przy użyciu animate w jQuery http://api.jquery.com/animate/

Mastersieciweb

18.11.2013, 18:57:35

ale chciałbym w css zrobić albo JavaScript.. da się takie coś zrobić?

glh

18.11.2013, 20:27:57

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.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.