Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] animacja powraca na miejsce
Lolek13
post 26.07.2012, 11:05:20
Post #1





Grupa: Zarejestrowani
Postów: 121
Pomógł: 4
Dołączył: 21.02.2012
Skąd: Gliwice

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


Witam,

Pierwszy raz chcę pobawić się z animacjami w CSS3.

  1. #footer:hover {
  2. animation:mymove 5s linear;
  3. -moz-animation:mymove 5s infinite; /*Firefox*/
  4. -webkit-animation:mymove 5s linear; /*Safari and Chrome*/
  5. -o-animation:mymove 5s infinite; /*Opera*/
  6. }
  7.  
  8. @-webkit-keyframes mymove /*Safari and Chrome*/
  9. {
  10. from {right:-170px;}
  11. to {right:10px;}
  12. }


Mam cos takiego i wszystko dziala tak jak bym tego oczekiwal oprocz jednej rzeczy. Czy da się jakoś wstrzymać obiekt w pozycji, do ktorej dojezdza ? bo moj blok po osiagnieciu pozycji 'przeskakuje' natychmiast na pozycje poczatkową. Jak go wstrzymac na mecie animacji dopoki jest na nim kursor ?

Go to the top of the page
+Quote Post

Posty w temacie
- Lolek13   [CSS] animacja powraca na miejsce   26.07.2012, 11:05:20
- - erix   Skoro chcesz, aby się zatrzymało, to czemu nie sko...   26.07.2012, 11:08:17
- - Lolek13   dzieki bardzo ! : )   26.07.2012, 11:12:01


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

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 00:32