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
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:
Free 30-Day Java Certification Bootcamp is Live. Join 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:

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
I’m Manish - Founder and CTO at Sanfoundry. I’ve been working in tech for over 25 years, with deep focus on Linux kernel, SAN technologies, Advanced C, Full Stack and Scalable website designs.

You can connect with me on LinkedIn, watch my Youtube Masterclasses, or join my Telegram tech discussions.

If you’re in your 40s–60s and exploring new directions in your career, I also offer mentoring. Learn more here.