Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Multiple Choice Questions
Q1771: Which property specifies the number of times an animation should run?
- A: animation-duration
- B: animation-name
- C: animation-iteration-count
- D: animation-delay
View Answer
C
Q1772: Fill in the blank: To specify a delay before an animation starts, use the ______ property.
- A: animation-duration
- B: animation-delay
- C: animation-name
- D: animation-iteration-count
View Answer
B
Q1773: Fill in the blank: The animation-timing-function property can be set to ______ for a constant speed from start to end.
- A: ease
- B: linear
- C: ease-in
- D: ease-out
View Answer
B
Q1774: What does the animation-name property define?
- A: The speed of the animation
- B: The style changes during the animation
- C: The name of the animation to use
- D: The duration of the animation
View Answer
C
Q1775: Fill in the blank: To add multiple keyframes in an animation, use percentages such as 0%, 25%, 50%, and ______.
- A: 1
- B: 0.75
- C: 0.5
- D: 0
View Answer
A
Q1776: Which property would you use to control how an animation runs in reverse or alternate cycles?
- A: animation-direction
- B: animation-name
- C: animation-delay
- D: animation-iteration-count
View Answer
A
Q1777: Fill in the blank: To run an animation for a duration of 6 seconds, specify animation-duration: ______;
- A: 6s
- B: 6ms
- C: 6m
- D: 6s ease
View Answer
A
Q1778: What effect does the ease-out value have on the animation-timing-function?
- A: Animation starts fast and ends slowly
- B: Animation starts slowly and ends fast
- C: Animation has a constant speed
- D: Animation speeds up gradually
View Answer
A
Q1779: Fill in the blank: To create an animation with a slow start and end, use animation-timing-function: ______;
- A: ease-in-out
- B: linear
- C: ease-in
- D: ease-out
View Answer
A
Q1780: What property specifies the number of columns an element should be divided into?
- A: column-gap
- B: column-count
- C: column-width
- D: column-span
View Answer
B