Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Animacja wjechania z prawej strony
SmokAnalog
post
Post #1





Grupa: Zarejestrowani
Postów: 1 707
Pomógł: 266
Dołączył: 3.07.2012
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Hej potworki,

jak z pomocą samego CSS można osiągnąć efekt typu slide in? Poradziłbym sobie z tym zdaniem, gdybym znał szerokość elementu, ale niestety nie znam. Zależnie od treści, jego szerokość się zmienia.

Najlepiej, gdyby to był element z position fixed i top = 0. Na początku element jest schowany z prawej poza widokiem. Następnie wjeżdża z prawej strony aż jest cały widoczny po prawej. Stoi tak kilka sekund i potem chowa się tam, skąd zaczął, czyli poza ekranem.

Pomóżcie (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
SmokAnalog
post
Post #2





Grupa: Zarejestrowani
Postów: 1 707
Pomógł: 266
Dołączył: 3.07.2012
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Ja to już zrobiłem w jQuery, ale chciałbym w czystym CSS.
[JAVASCRIPT] pobierz, plaintext
  1. $("#success")
  2. .css("right", -$("#success").outerWidth() + "px")
  3. .animate({right: 0}, 800)
  4. .delay(3000)
  5. .animate({right: -$("#success").outerWidth() + "px"}, 800);
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.10.2025 - 20:13