Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Multiple Choice Questions
Q1761: Which of the following CSS properties can be animated using transitions?
- A: font-size
- B: margin
- C: width
- D: All of the above
View Answer
D
Q1762: Fill in the blank: To specify a custom speed curve for a transition, use the transition-timing-function property with the value ______.
- A: ease
- B: linear
- C: cubic-bezier(n,n,n,n)
- D: ease-in
View Answer
C
Q1763: Which value for transition-timing-function results in a transition effect with a slow start and end?
- A: ease-in-out
- B: ease
- C: linear
- D: ease-in
View Answer
A
Q1764: Fill in the blank: To delay a transition effect by 2 seconds, use transition-delay: ______;
- A: 2s
- B: 2s ease
- C: 2s linear
- D: 2s delay
View Answer
A
Q1765: Which of the following properties can you use with transition to create a smooth change?
- A: border
- B: height
- C: background-color
- D: All of the above
View Answer
D
Q1766: Fill in the blank: To apply a transition effect that changes the width and height with different durations, use transition: ______;
- A: width 2s, height 4s
- B: width 4s, height 2s
- C: width 2s
- D: height 4s
View Answer
A
Q1767: Which property is used to apply a delay before a transition effect begins?
- A: transition-delay
- B: transition-timing-function
- C: transition-duration
- D: transition-property
View Answer
A
Q1768: Fill in the blank: The transition property in CSS3 must include at least ______.
- A: The property to be transitioned
- B: The color to be changed
- C: The duration of the effect
- D: The timing function
View Answer
C
Q1769: What is the purpose of CSS3 animations?
- A: To change font styles
- B: To animate HTML elements without JavaScript
- C: To modify element dimensions
- D: To add background images
View Answer
B
Q1770: Fill in the blank: To define the styles an element will have at certain times, use the ______ rule.
- A: @keyframes
- B: @animations
- C: @transitions
- D: @styles
View Answer
A