We kunnen beweging toevoegen aan onze webpagina's. Transformaties wijzigen de vorm en positie van een element zonder de rest van de pagina te beïnvloeden. Hierdoor kunnen we de volgende effecten creëren:

We kunnen schaling toevoegen aan de elementen:

We kunnen rotatie toevoegen aan de elementen:

We kunnen translatie aan de elementen toevoegen:

We kunnen schuintrekken aan de elementen toevoegen:

Opmerking

Al deze effecten worden bereikt met behulp van één eigenschap - transform met verschillende waarden. Het is ook belangrijk om te vermelden dat animation en @keyframe alleen zijn toegevoegd om het verschil tussen de begin- en eindtoestand van het element te tonen. Dit betekent niet dat transform alleen met bepaalde animaties wordt gebruikt. We zullen alle effecten in de volgende hoofdstukken in detail behandelen.