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
Which property is used to set the duration of an animation in CSS?
transition-duration
animation-duration
timing-function
keyframes-duration
Question 2
How do you scale an element to half its size using CSS?
scale(0.5)
scale(1.5)
translate(50%)
scaleX(0.5)
Question 3
How do you delay the start of an animation in CSS?
animation-delay
animation-duration
transition-delay
delay-start
Question 4
Which property is used to apply an animation to an element in CSS?
transform
transition
animation
translate
Question 5
Which CSS property allows for smooth transitions between property changes?
transition
animation
transform
translate
Question 6
Which function is used to rotate an element in CSS?
scale()
rotate()
skew()
translate()
Question 7
What property is used to move an element along the X and Y axes in CSS?
translateX
move()
translate()
position()
Question 8
What keyword is used to define an animation sequence in CSS?
@media
@keyframes
@supports
@viewport
Question 9
Which transform function skews an element horizontally in CSS?
translateX
skewX()
rotate()
scaleX()
Question 10
What is the default value for the `animation-timing-function` property in CSS?
ease
linear
ease-in
ease-out
Answer all the questions then submit.
Submit Answers