Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

CSS Transitions
Transitions eli muutokset mahdollistavat esim. liikkeen, väri- tai muun muutoksen sivulla. Muutokset liittyvät usein johonkin tapahtumaan sivulla, kuten esim. että vie hiiren johonkin kohtaan sivua.
Demoja & esimerkkikoodia: http://www.w3.org/Talks/2012/0416-CSS-WWW2012/slide-transitions.html

Animaatio, Animation
Animaation avulla voi määritellä muutoksen/liikkeen elementille. Tarvitaan keyframeja ja muutoksia. Nämä esimerkit toimivat vain webkit-selaimissa (Safari tai Chrome). http://www.w3.org/Talks/2012/0416-CSS-WWW2012/slide-animations.htmlImage Added