CSS Questions & Answers – CSS Keyframes

CSS Multiple Choice Questions & Answers (MCQs) focuses on “CSS Keyframes”.

Q 1. Which of the following CSS Property determines whether an animation should run in reverse on some cycles?
A. animation
B. animation-run
C. animation-repeat
D. none of the mentioned

Show Answer

Answer:-D. none of the mentioned

Explanation

animation-direction : Determines whether an animation should run in reverse on some cycles.

Q 2. Which of the following CSS Property selects an animation defined in an @keyframes rule and applies it to the element?
A. animation-name
B. animation
C. animation-element
D. none of the mentioned

Show Answer

Answer:-A. animation-name

Q 3. Which of the following CSS Property defines which property values to apply to the element before the animation begins (if delayed) and after it ends?
A. animation-play
B. animation-delay
C. animation-fill-mode
D. animation-play-state

Show Answer

Answer:-C. animation-fill-mode

Q 4. @keyframes rule is used to define the properties that will control the audio/video formats. State true or false.
A. True
B. False

Show Answer

Answer:-B. False

Explanation

@keyframes rule is used to define the properties that will be animated in an animation rule.

Q 5. Which of the following CSS property defines whether the animation is running or paused?
A. animation-pause-state
B. animation-state
C. animation-play-state
D. all of the mentioned

Show Answer

Answer:-C. animation-play-state

Q 6. Which of the following CSS Property sets the pace of the transition to the next keyframe, as described in the previous section?
A. animation-timing-function
B. animation-pace-function
C. animation-transition-function
D. none of the mentioned

Show Answer

Answer:-A. animation-timing-function

Q 7. Which of the following property defines when the animation will start. It allows an animation to begin execution some time after it is applied?
A. animation-stop
B. animation-delay
C. animation-start
D. animation-control

Show Answer

Answer:-B. animation-delay

Q 8. Which of the following property specifies the number of times an animation should run?
A. animation-repeat
B. animation-iteration-count
C. animation-count
D. all of the mentioned

Show Answer

Answer:-B. animation-iteration-count

Q 9. Which of the following property specifies whether an element is an accelerator indicator or not?
A. animation
B. scan
C. accelerator
D. none of the mentioned

Show Answer

Answer:-C. accelerator

Q 10. Which of the following property specifies the direction in which a marquee should move?
A. marquee
B. marquee-direction
C. marquee-time
D. none of the mentioned

Show Answer

Answer:-B. marquee-direction