CSS Questions & Answers – CSS3 3D Transforms, Transitions, and Animations

This set of CSS Multiple Choice Questions & Answers (MCQs) focuses on “CSS3 3D Transforms, Transitions, and Animations”.

1. Which of the following css property allows elements to be offset, rotated, scaled, and skewed in a variety of different ways?
a) transform-3D
b) transform-origin
c) transform
d) transition
View Answer

Answer: c
Explanation:

Syntax: transform: list of transform-functions | none

2. Which of the following css property is used to define a delay before an animation starts?
a) delay
b) transition-delay
c) transform-delay
d) none of the mentioned
View Answer

Answer: b
Explanation:

advertisement
advertisement
Syntax: transition-delay: time1

3. Which of the following css property is used to define the time it takes one iteration of an animation to play?
a) control
b) animation-duration
c) transition-duration
d) all of the mentioned
View Answer

Answer: c
Explanation:
Sanfoundry Certification Contest of the Month is Live. 100+ Subjects. Participate Now!

4. Which of the following css property is used to define which properties a transition will be applied to?
a) animation-property
b) transition-property
c) css3-property
d) none of the mentioned
View Answer

Answer: b
Explanation:

Syntax: transition-property: all | none | property-name-1

5. Which of the following css property is used to describe how the animation will play?
a) animation-timing-function
b) css3-timing-function
c) transform-timing-function
d) transition-timing-function
View Answer

Answer: d
Explanation:

advertisement
Syntax:transition-timing-function transition-timing-function: timingfunction,timingfunction2,...timingfunctionN]

6. Which of the following css property is used to define a delay before an animation starts?
a) transform-delay
b) delay-function
c) delay-animation
d) animation-delay
View Answer

Answer: d
Explanation: None.

advertisement
Syntax: animation-delay: time1 [,..timeN]

7. Which of the following css property is used to indicate if an animation plays in reverse or repeats itself every other iteration?
a) animation-iteration
b) animation-check
c) animation-direction
d) animation-state
View Answer

Answer: c
Explanation:

Syntax: animation-direction: normal | alternate [,normal | alternate

8. Which of the following css property is used to define the time it takes one iteration of an animation to play?
a) animation-duration
b) animation-time
c) animation-value
d) none of the mentioned
View Answer

Answer: a
Explanation:

Syntax: animation-duration: time

9. Which of the following css property is used to define the number of times an animation should play?
a) scale-iteration-count
b) transtion-iteration-count
c) animation-iteration-count
d) all of the mentioned
View Answer

Answer: c
Explanation:

Syntax: animation-iteration-count: number | infinite

10. Which of the following css property is used to define the animations that should be run?
a) animation-run
b) animation-name
c) transtion-name
d) none of the mentioned
View Answer

Answer: d
Explanation:

Syntax:animation-name: @keyframe-name | none

Sanfoundry Global Education & Learning Series – CSS.

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

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.