Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Multiple Choice Questions
Q1711: What is the main purpose of using CSS3 gradients?
- A: To add borders
- B: To create smooth color transitions
- C: To add images
- D: To format text
View Answer
B
Q1712: Fill in the blank: The linear-gradient() function requires at least ______ color stops.
- A: One
- B: Two
- C: Three
- D: Four
View Answer
B
Q1713: Which CSS3 function is used to repeat linear gradients?
- A: linear-gradient()
- B: repeating-linear-gradient()
- C: radial-gradient()
- D: repeating-radial-gradient()
View Answer
B
Q1714: Fill in the blank: In radial-gradient(), the gradient is defined by its ______.
- A: Angle
- B: Center
- C: Color stops
- D: Direction
View Answer
B
Q1715: What does the rgba() function in gradients allow you to do?
- A: Define colors only
- B: Add transparency to colors
- C: Specify gradient direction
- D: Repeat the gradient
View Answer
B
Q1716: Fill in the blank: In the radial-gradient() function, the shape parameter can be set to ______.
- A: square
- B: circle
- C: rectangle
- D: oval
View Answer
B
Q1717: What is the default shape for radial gradients?
- A: Circle
- B: Ellipse
- C: Square
- D: Rectangle
View Answer
B
Q1718: Fill in the blank: The background: repeating-linear-gradient(red, yellow 10%, green 20%); creates a gradient that ______.
- A: Changes color at specific percentages
- B: Uses transparency
- C: Repeats the gradient
- D: Stops at the final color
View Answer
C
Q1719: Which function is used to create a gradient that covers the entire content area?
- A: repeating-linear-gradient()
- B: radial-gradient()
- C: linear-gradient()
- D: repeating-radial-gradient()
View Answer
C
Q1720: Fill in the blank: In linear-gradient(), 90deg creates a gradient that goes from ______.
- A: Top to bottom
- B: Left to right
- C: Diagonally
- D: Center outwards
View Answer
B