Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Multiple Choice Questions
Q1721: What is the purpose of the background-clip property?
- A: To set gradient direction
- B: To control gradient size
- C: To specify where the background image is painted
- D: To define color stops
View Answer
C
Q1722: Fill in the blank: The background: radial-gradient(circle, red, yellow, green); uses a gradient with ______ shape.
- A: Ellipse
- B: Circle
- C: Square
- D: Rectangle
View Answer
B
Q1723: What property is used to apply a shadow to text in CSS3?
- A: box-shadow
- B: text-shadow
- C: shadow-color
- D: text-color
View Answer
B
Q1724: Fill in the blank: To create a shadow effect on text with a blur, you need to specify ______.
- A: only horizontal and vertical shadow
- B: horizontal, vertical, and color
- C: horizontal, vertical, blur, and color
- D: only blur
View Answer
C
Q1725: How can you create a shadow with a color and blur effect on an element using box-shadow?
- A: box-shadow: 10px 10px;
- B: box-shadow: 10px 10px grey;
- C: box-shadow: 10px 10px 5px;
- D: box-shadow: 10px 10px 5px grey;
View Answer
D
Q1726: Fill in the blank: To add multiple shadows to text, you use ______ in the text-shadow property.
- A: a single shadow value
- B: a comma-separated list of shadows
- C: only the color value
- D: a blur effect only
View Answer
B
Q1727: What additional value is needed in the box-shadow property to add a blur effect?
- A: color
- B: horizontal shadow
- C: vertical shadow
- D: blur radius
View Answer
D
Q1728: Fill in the blank: To apply a shadow with a color to text, use text-shadow with ______.
- A: only horizontal shadow
- B: only vertical shadow
- C: horizontal shadow, vertical shadow, and color
- D: only color
View Answer
C
Q1729: What does the property text-shadow: 2px 2px 5px red; specify?
- A: Horizontal shadow and color
- B: Vertical shadow and blur
- C: Horizontal shadow, vertical shadow, blur, and color
- D: Color and blur only
View Answer
C
Q1730: Fill in the blank: The CSS3 property box-shadow: 10px 10px grey; adds ______ to an element.
- A: only horizontal and vertical shadow
- B: a shadow with color
- C: a shadow with blur effect
- D: a shadow without color
View Answer
B