Which CSS property adds a shadow effect to text?
A
box-shadow B
text-shadow C
shadow-text D
font-shadow
Analysis & Theory
`text-shadow` adds shadow effects to text elements.
Which CSS property adds shadow effects to elements like divs and boxes?
A
text-shadow B
box-shadow C
element-shadow D
shadow-box
Analysis & Theory
`box-shadow` adds shadow effects to block-level elements.
What is the correct order of values in the `box-shadow` property?
A
horizontal offset, vertical offset, blur radius, spread radius, color B
color, horizontal offset, vertical offset, blur radius, spread radius C
blur radius, spread radius, horizontal offset, vertical offset, color D
horizontal offset, vertical offset, color, blur radius, spread radius
Analysis & Theory
The order is horizontal offset, vertical offset, blur radius, spread radius, then color.
What effect does a negative vertical offset have in `box-shadow`?
A
Moves shadow down B
Moves shadow up C
Moves shadow left D
Moves shadow right
Analysis & Theory
Negative vertical offset moves the shadow upward.
Which value controls the softness or blurriness of the shadow?
A
blur radius B
spread radius C
horizontal offset D
vertical offset
Analysis & Theory
`blur radius` determines how blurry or soft the shadow appears.
What does the `spread radius` in `box-shadow` do?
A
Changes shadow color B
Expands or contracts the size of the shadow C
Adjusts shadow transparency D
Changes shadow position
Analysis & Theory
`spread radius` increases or decreases the size of the shadow.
How do you create an inner shadow effect using `box-shadow`?
A
Add the keyword `inset` before the values B
Add the keyword `inner` after the values C
Use the `inner-shadow` property D
Set `box-shadow: inner`
Analysis & Theory
Using `inset` makes the shadow appear inside the element.
Can you apply multiple shadows to a single element with `box-shadow`?
A
No, only one shadow is allowed B
Yes, by separating shadows with commas C
Yes, by nesting multiple elements D
Only with vendor prefixes
Analysis & Theory
Multiple shadows can be applied by listing them separated by commas.
Which of the following is a valid `text-shadow` value?
A
text-shadow: 2px 2px 5px gray; B
text-shadow: gray 2px 2px 5px; C
text-shadow: 5px gray 2px 2px; D
text-shadow: 2px 5px gray 2px;
Analysis & Theory
The correct syntax is horizontal offset, vertical offset, blur radius, then color.
What happens if the `blur-radius` is omitted in `box-shadow`?
A
Shadow has sharp edges with no blur B
Shadow becomes invisible C
Shadow is heavily blurred D
CSS rule is invalid
Analysis & Theory
Omitting `blur-radius` creates a sharp, non-blurred shadow.