Tips & Tricks #18

Can I inspect CSS box shadow using an editor?

Chrome, Edge, Opera

1. 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.

2. 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.

canidev.tools/inspect-box-shadow/chrome