Can I DevTools?

Share this post

Tips & Tricks #18

canidevtools.substack.com

Tips & Tricks #18

Can I inspect CSS box shadow using an editor?

Pankaj Parashar
Sep 22, 2022
Share this post

Tips & Tricks #18

canidevtools.substack.com

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
Share this post

Tips & Tricks #18

canidevtools.substack.com
Previous
Next
Comments
TopNew

No posts

Ready for more?

© 2023 Pankaj Parashar
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing