• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

jQuery i CSS animacje

VPS Starter Arubacloud
0 głosów
232 wizyt
pytanie zadane 17 grudnia 2016 w JavaScript przez Konrad Fx Mądrala (6,910 p.)
Hej,

mam mały problem dotyczący animacji. Link do codepen.

http://codepen.io/KonradesignStudio/pen/mOaQyO?editors=1100

Chodzi o to że jak mam animacje w CSS i najeżdżam myszką na jeden z obrazów to w keyframes animacja się odtwarza od opacity 0.2 do 1.0 i wygląda to fajnie ale jeśli zabiorę mysz to wtedy momentalnie opacity spada do 0.2 a chciałbym żeby w dwie strony działo się to płynnie.

Dzięki z góry!

1 odpowiedź

+1 głos
odpowiedź 27 grudnia 2016 przez niezalogowany
wybrane 8 stycznia 2017 przez Konrad Fx
 
Najlepsza

Problem polega na tym, że gdy wskaźnik opuszcza element

.center:hover{
  width: 80%;
  animation: leftan 500ms forwards;
}

usuwasz z niego animację. Zamień linijkę animation na opacity: 1;

 

Podobne pytania

0 głosów
1 odpowiedź 144 wizyt
pytanie zadane 21 grudnia 2016 w JavaScript przez Chisorq Obywatel (1,680 p.)
0 głosów
1 odpowiedź 245 wizyt
pytanie zadane 26 listopada 2017 w JavaScript przez jvrekk Użytkownik (970 p.)
0 głosów
1 odpowiedź 273 wizyt
pytanie zadane 21 października 2016 w JavaScript przez Ehlert Ekspert (214,270 p.)

93,081 zapytań

142,044 odpowiedzi

321,463 komentarzy

62,427 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...