CSS Questions & Answers – CSS Keyframes

This set of CSS Question Bank focuses on “CSS Keyframes”.

1. Which of the following CSS Property selects an animation defined in an @keyframes rule and applies it to the element?
a) animation
b) animation-name
c) animation-element
d) none of the mentioned
View Answer

Answer: b
Explanation: Self-explainatory.

2. 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
View Answer

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

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
View Answer

Answer: c
Explanation: Self-explainatory.
advertisement
advertisement

4. 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
View Answer

Answer: a
Explanation: Self-explainatory.

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
View Answer

Answer: c
Explanation: Self-explainatory.

6. 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
View Answer

Answer: b
Explanation: Self-explainatory.

7. Which of the following property specifies the number of times an animation should run?
a) animation-repeat
b) animation-count
c) animation-iteration-count
d) all of the mentioned
View Answer

Answer: c
Explanation: Self-explainatory.
advertisement

8. Which of the following property specifies whether an element is an accelerator indicator or not?
a) animation
b) accelerator
c) scan
d) none of the mentioned
View Answer

Answer: b
Explanation: Self-explainatory.

9. 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
View Answer

Answer: b
Explanation: Self-explainatory.
advertisement

10. @keyframes rule is used to define the properties that will control the audio/video formats. State true or false.
a) True
b) False
View Answer

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

Sanfoundry Global Education & Learning Series – CSS.

To practice CSS Question Bank, here is complete set of 1000+ Multiple Choice Questions and Answers.

If you find a mistake in question / option / answer, kindly take a screenshot and email to [email protected]

advertisement
advertisement
Subscribe to our Newsletters (Subject-wise). Participate in the Sanfoundry Certification contest to get free Certificate of Merit. Join our social networks below and stay updated with latest contests, videos, internships and jobs!

Youtube | Telegram | LinkedIn | Instagram | Facebook | Twitter | Pinterest
Manish Bhojasia - Founder & CTO at Sanfoundry
Manish Bhojasia, a technology veteran with 20+ years @ Cisco & Wipro, is Founder and CTO at Sanfoundry. He lives in Bangalore, and focuses on development of Linux Kernel, SAN Technologies, Advanced C, Data Structures & Alogrithms. Stay connected with him at LinkedIn.

Subscribe to his free Masterclasses at Youtube & discussions at Telegram SanfoundryClasses.