Harjoituksia 4

Tredun ohjelmistokehittäjien kurssimateriaaleja

Harjoituksia 4

Tehtävä 1

Tutustu CSS-animaatioihin. Ota käyttöön omat animaatiohahmosi (Photoshop-harjoitukset). Kokeile liittää niihin ensin pelkkiä transformaatioita :hover-pseudoluokan avulla. Lisää mukaan transition-määrittely. Tee sitten animaatiokokeiluja @keyrames-määrittelyn ja animation:in avulla.

Voit tutkia animaatioden toteutusta tämän animaation ja koodin avulla:

Tehtävä 2

Suunnittele oma animaatio, omien hahmojen avulla.