Skip to content

Box Shadow Generator API

POST https://api.findutils.com/api/tools/box-shadow-generator/execute

Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft, medium, large, xl, inner, glow, hard). Returns the full "box-shadow: ...;" rule, the bare value, the rgba colour, and the resolved settings.

Request body

application/json
  • preset

    string optional

    Start from a preset. Any other argument overrides the preset value. One of subtle · soft · medium · large · xl · inner · glow · hard.

  • horizontal

    number optional

    Horizontal offset in px (-200 to 200). Default 0.

  • vertical

    number optional

    Vertical offset in px (-200 to 200). Default 10.

  • blur

    number optional

    Blur radius in px (0 to 300). Default 15.

  • spread

    number optional

    Spread radius in px (-200 to 200). Default -3.

  • color

    string optional

    Shadow colour as a hex string (#rrggbb or #rgb). Default #000000.

  • opacity

    number optional

    Shadow opacity in percent (0 to 100). Default 15.

  • inset

    boolean optional

    Inner shadow when true. Default false.

Example arguments

Verified
{
  "preset": "medium"
}