Skocz do zawartości
Zaloguj się, aby obserwować  
Obserwujący 0
rych54

Efekt przejścia między podstronami

Przez rych54, w xHTML / CSS / Javascript

Polecane posty

rych54    0

rych54
Napisano

Cześć. Czy wie ktoś jak zrobić taki efekt przejść między podstronami jak tutaj: http://plej.pl/ że tło się zmienia delikatnie na białe i ładuję inna podstronę. Czy można to zrobić w css czy lepiej ograć w js?

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

likufanele    77

likufanele
Napisano (edytowany)

Czy można to zrobić w css czy lepiej ograć w js?

 

Trzeba użyć zarówno CSS-a jak i JS, bo samym CSS onClick-a nie obsłużysz.

 

Sam efekt jest dosyć prosty. W momencie kliknięcia przesłaniasz całą stronę przezroczystym div-em i robisz transition opacity od 0 do 100, pod spodem zmieniasz zawartość głównego div-a, po czym jedziesz z opacity z powrotem ze 100 do 0 i na końcu usuwasz wierzchnią warstwę.

 

To jest oczywiście najprostszy sposób - żeby nie powiedzieć prostacki... ;)

 

EDIT: Z tego co widzę to na powyższej stronie operują opacity na <body>, więc jest jeszcze prościej... :)

Edytowano przez likufanele (zobacz historię edycji)

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

rych54    0

rych54
Napisano

A pomożesz mi coś takiego zrobić? Rozumiem, że najpierw do body muszę dodać:

style="opacity: 1;"

a potem coś zrobić aby zmniejszało po kliknięciu opacity do 0 tylko jak to zrobić?

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
Zaloguj się, aby obserwować  
Obserwujący 0
Przejdź do listy tematów xHTML / CSS / Javascript
×