Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] animacja powraca na miejsce
Forum PHP.pl > Forum > Przedszkole
Lolek13
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 ?

erix
Skoro chcesz, aby się zatrzymało, to czemu nie skorzystasz z transition?
Lolek13
dzieki bardzo ! : )
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.