Introductie tot CSS-Transformaties
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 datanimation
en@keyframe
alleen zijn toegevoegd om het verschil tussen de begin- en eindtoestand van het element te tonen. Dit betekent niet dattransform
alleen met bepaalde animaties wordt gebruikt. We zullen alle effecten in de volgende hoofdstukken in detail behandelen.
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Awesome!
Completion rate improved to 2.04
Introductie tot CSS-Transformaties
Veeg om het menu te tonen
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 datanimation
en@keyframe
alleen zijn toegevoegd om het verschil tussen de begin- en eindtoestand van het element te tonen. Dit betekent niet dattransform
alleen met bepaalde animaties wordt gebruikt. We zullen alle effecten in de volgende hoofdstukken in detail behandelen.
Bedankt voor je feedback!