Go Back
Inner Shadow & Focus Ring
Adds subtle depth inside elements for a nuanced visual effect.
Inner Shadow
shadow-inner-inverse-top
Inner Shadow
X: 0px
Blur: 0px
Y: 1px
Spread: 0px
white/[0.10]
shadow-inner-inverse-bottom
Inner Shadow
X: 0px
Blur: 0px
Y: -1px
Spread: 0px
white/[0.10]
shadow-inner-top
Inner Shadow
X: 0px
Blur: 0px
Y: 1px
Spread: 0px
fuscous-gray-950/[0.10]
shadow-inner-bottom
Inner Shadow
X: 0px
Blur: 0px
Y: -1px
Spread: 0px
fuscous-gray-950/[0.10]
Focus Ring
ring-2 ring-black
Drop Shadow
X: 0px
Blur: 2px
Y: 1px
Spread: 0px
ironside-gray-950/[0.05]
ring-2 ring-black
Drop Shadow (level 2)
X: 0px
Blur: 3px
Y: 1px
Spread: 0px
ironside-gray-950/[0.05]
ring-2 ring-offset-2 ring-black
Drop Shadow (level 2)
X: 0px
Blur: 8px
Y: 4px
Spread: -2px
ironside-gray-950/[0.05]
ring-2 ring-offset-2 ring-black
Drop Shadow (level 2)
X: 0px
Blur: 18px
Y: 12px
Spread: -6px
ironside-gray-950/[0.05]