Vi kan tilføje bevægelse til vores websider. Transformationer ændrer et elements form og position uden at påvirke resten af siden. Som resultat kan vi skabe følgende effekter:

Vi kan tilføje skalering til elementerne:

Vi kan tilføje rotation til elementerne:

Vi kan tilføje translation til elementerne:

Vi kan tilføje skævvridning til elementerne:

Bemærk

Vi opnår alle disse effekter ved hjælp af én egenskab - transform med forskellige værdier. Det er også vigtigt at nævne, at animation og @keyframe kun er tilføjet for at vise forskellen mellem den oprindelige og den resulterende tilstand for elementet. Det betyder ikke, at transform kun bruges sammen med visse animationer. Vi gennemgår alle effekterne mere detaljeret i de følgende kapitler.