Lancecourse
Courses
How-tos
Blog
Sign In
Sign Up
free
Francais
CSS Transforms, Transitions, and Animations
This quiz evaluates your understanding of CSS transforms, transitions, and animations to create dynamic, interactive web pages.
Question 1
What property is used to move an element along the X and Y axes in CSS?
translateX
move()
translate()
position()
Question 2
Which property is used to apply an animation to an element in CSS?
transform
transition
animation
translate
Question 3
How do you scale an element to half its size using CSS?
scale(0.5)
scale(1.5)
translate(50%)
scaleX(0.5)
Question 4
What is the default value for the `animation-timing-function` property in CSS?
ease
linear
ease-in
ease-out
Question 5
Which transform function skews an element horizontally in CSS?
translateX
skewX()
rotate()
scaleX()
Question 6
Which function is used to rotate an element in CSS?
scale()
rotate()
skew()
translate()
Question 7
Which property is used to set the duration of an animation in CSS?
transition-duration
animation-duration
timing-function
keyframes-duration
Question 8
Which CSS property allows for smooth transitions between property changes?
transition
animation
transform
translate
Question 9
What keyword is used to define an animation sequence in CSS?
@media
@keyframes
@supports
@viewport
Question 10
How do you delay the start of an animation in CSS?
animation-delay
animation-duration
transition-delay
delay-start
Answer all the questions then submit.
Submit Answers