Beetje Coderen

Les 17

Overgangen en animaties

Beweging met transition, transform en keyframes.

⏱ 45–60 minuten leestijd + oefenen

🎯 Na deze les kun je

  • transitions toepassen op hover en focus
  • transform gebruiken
  • een keyframe-animatie maken met respect voor reduced motion

Beweging kan een interface duidelijker maken: een knop die reageert als je eroverheen gaat, een menu dat openschuift in plaats van ineens verschijnt, een kaart die iets omhoog komt. Te veel beweging werkt juist storend, en voor sommige mensen (bijvoorbeeld met een evenwichtsstoornis) letterlijk misselijkmakend. In deze les leer je transitions, transforms en keyframe-animaties, en hoe je de voorkeur voor minder beweging respecteert.

🔒 Deze les zit in het betaalde deel van de cursus

De eerste 6 lessen zijn gratis; de rest van de cursus, de live labs en het certificaat koop je eenmalig (€ 19,00). Geen abonnement. Online afrekenen komt binnenkort beschikbaar.

Wil je een seintje als het zover is?