0
0
Figmabi_tool~20 mins

Drop shadow effect in Figma - Practice Problems & Coding Challenges

Choose your learning style9 modes available
Challenge - 5 Problems
🎖️
Drop Shadow Master
Get all challenges correct to earn this badge!
Test your skills under time pressure!
🧠 Conceptual
intermediate
1:30remaining
Understanding Drop Shadow Parameters

Which parameter in a drop shadow effect controls how far the shadow is offset from the object?

AOffset distance
BBlur radius
CSpread
DOpacity
Attempts:
2 left
💡 Hint

Think about how far the shadow appears from the shape.

visualization
intermediate
1:30remaining
Visual Impact of Blur Radius

You apply a drop shadow with a very high blur radius. What visual effect will this create?

AA shadow with increased opacity
BA shadow with no offset
CA sharp, crisp shadow edge
DA very soft, diffused shadow
Attempts:
2 left
💡 Hint

Blur radius controls how soft or hard the shadow edges appear.

🎯 Scenario
advanced
2:00remaining
Creating Realistic Depth with Drop Shadows

You want to create a subtle depth effect on a button in your dashboard. Which combination of drop shadow settings is best?

AHigh opacity, zero offset, high blur radius
BLow opacity, small offset, medium blur radius
CMedium opacity, zero offset, low blur radius
DHigh opacity, large offset, high blur radius
Attempts:
2 left
💡 Hint

Subtle depth means the shadow should not be too strong or far away.

🔧 Formula Fix
advanced
2:00remaining
Troubleshooting Drop Shadow Visibility

Your drop shadow is not visible on a dark background. What is the most likely cause?

ABlur radius is set too low
BOffset distance is too large
CShadow opacity is set to 0%
DShadow color is too light
Attempts:
2 left
💡 Hint

Check the transparency settings of the shadow.

data_modeling
expert
2:30remaining
Optimizing Drop Shadow for Performance

In a complex dashboard with many elements using drop shadows, which approach best balances visual quality and performance?

AUse low blur radius and low opacity shadows selectively on key elements
BUse no shadows to maximize performance
CUse high blur radius and high opacity shadows on all elements
DUse large offset shadows on all elements
Attempts:
2 left
💡 Hint

Think about where shadows add the most value without slowing down rendering.