search

DaftAcademy / daftacademy-frontend4beginners-autumn2019

12 stars 18 forks source link

Zmiana koloru po opuszczeniu obrazka #22

Open BoguszDmowski opened 4 years ago

BoguszDmowski commented 4 years ago

W punkcie pracy domowej: ->Animacja przy opuszczeniu obrazka modyfikować powinna kolory obrazka (filter).

Chodzi o to żeby po opuszczeniu obrazka animacja nadawała jej filtr na stałe? jakoś poprzez a:visited? Czy po prostu na zakończenie animacji ma się pojawić na chwile jakiś efekt związany z filtrami?

KubaDe commented 4 years ago

Po opuszczeniu obrazka powinien on wyglądać tak jak przed interakcją. Chodzi o to, aby za stanu bazowego do hover przechodził transformacją, a ze stanu hover do bazowego przechodził zmieniając kolor. Po najechaniu kursorem i zakończeniu przejścia 1 obrazek wyglądać może inaczej niż w stanie bazowym.

MagdalenaOuirane commented 4 years ago

Kuba może jakaś podpowiedz ? :) lub może nakierujesz na jakiś ciekawy artykuł który mnie nakieruje jak wykonac ten podpunkt :)

KubaDe commented 4 years ago

Jeżeli podepniemy do obrazka animacje "A", a na :hover obrazka animacje "B", wtedy oba przejścia będą różne. Pojawi się natomiast taki problem, że animacja odpali się przy wejściu na stronę. Można spróbować rozwiązać go podpinając animacje dopiero po pierwszym najechaniu myszką na obrazek , za pomocą JSowego onmouseover.

KubaDe commented 4 years ago

Wyglądać to powinno mniej więcej tak: ScreenRecording2019-12-15at17573