Introduction to CSS Transformations
We can add movement to our web pages. Transformations modify an element's shape and position while leaving the rest of the page unaffected. As a result, we will be able to create the following effects:
We can add scaling to the elements:
We can add rotation to the elements:
We can add translation to the elements:
We can add skewing to the elements:
Note
We get all these effects with the help of one property -
transform
using different values. Also, it's important to mention thatanimation
and@keyframe
is added only to show the difference between the initial and result element state. It doesn't mean thattransform
is used only with some animations. We will consider all the effects in the further chapters in detail.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 2.04
Introduction to CSS Transformations
Sveip for å vise menyen
We can add movement to our web pages. Transformations modify an element's shape and position while leaving the rest of the page unaffected. As a result, we will be able to create the following effects:
We can add scaling to the elements:
We can add rotation to the elements:
We can add translation to the elements:
We can add skewing to the elements:
Note
We get all these effects with the help of one property -
transform
using different values. Also, it's important to mention thatanimation
and@keyframe
is added only to show the difference between the initial and result element state. It doesn't mean thattransform
is used only with some animations. We will consider all the effects in the further chapters in detail.
Takk for tilbakemeldingene dine!