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

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

Q 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

Show Answer

Answer:-C. transform

Explanation

Syntax: transform: list of transform-functions | none

Q 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

Show Answer

Answer:-B. transition-delay

Explanation

Syntax: transition-delay: time1

Q 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. transition-duration
C. animation-duration
D. all of the mentioned

Show Answer

Answer:-B. transition-duration

Q 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

Show Answer

Answer:-B. transition-property

Explanation

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

Q 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

Show Answer

Answer:-D. transition-timing-function

Explanation

Syntax:transition-timing-function transition-timing-function: timingfunction,timingfunction2,…timingfunctionN]

Q 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

Show Answer

Answer:-D. animation-delay

Explanation

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

Q 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

Show Answer

Answer:-C. animation-direction

Explanation

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

Q 8. Which of the following css property is used to define the time it takes one iteration of an animation to play?
A. animation-value
B. animation-time
C. animation-duration
D. none of the mentioned

Show Answer

Answer:-C. animation-duration

Explanation

Syntax: animation-duration: time

Q 9. Which of the following css property is used to define the number of times an animation should play?
A. animation-iteration-count
B. transtion-iteration-count
C. scale-iteration-count
D. all of the mentioned

Show Answer

Answer:-A. animation-iteration-count

Explanation

Syntax: animation-iteration-count: number | infinite

Q 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

Show Answer

Answer:-D. none of the mentioned

Explanation

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