Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Introductie tot CSS-Transformaties | Elementen Transformeren met CSS
Geavanceerde CSS-Technieken

bookIntroductie 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 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.

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 1

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Awesome!

Completion rate improved to 2.04

bookIntroductie 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 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.

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 1
some-alt