Inspect Box shadow | Can I DevTools?

Can I DevTools?

It is like @CanIUse but for the browser devtools, created & curated by @pankajparashar. Get weekly tips & tricks for your favorite browser devtools by subscribing to the newsletter!

Ads via Carbon

CSS

Edit

Inspect Box shadow

Can I inspect CSS box shadow using an editor?

Last Modified

6 months ago

Author

@pankajparashar

Test Live

via BrowserStack

Newsletter

tips-tricks-18

EDGE

Notes

Inspect the element with box shadow > In the Styles pane, click the icon next to the box-shadow property to open the box shadow editor.
Change the shadow properties:
- Type (only for box-shadow). Pick Outset or Inset.
- X and Y offsets. Drag the blue dot or specify values.
- Blur. Drag the slider or specify a value.
- Spread (only for box-shadow). Drag the slider or specify a value.

References (0)