CLR

color tools

Wiunix Tools workspace

CSS Box Shadow Generator

Design a CSS box-shadow visually with offset, blur, spread, color and opacity.

Private-first · runs on your device Ready
Shadow preview
box-shadow: 0px 16px 36px -8px rgba(23, 54, 38, 0.22);

How it works

CSS Box Shadow Generator is designed to give you the result immediately. The calculation or processing happens on your device for this tool, so normal use does not require an account or a file upload.

Privacy

This tool is marked offline-capable. Your inputs are used in the current browser/app session and are not required to be sent to Wiunix Tools to perform the operation.

Design CSS box shadows with live preview

Adjust horizontal and vertical offset, blur, spread, color and opacity, then copy the resulting box-shadow declaration.

  • X/Y offsets
  • Blur and spread
  • RGBA opacity
  • Copy CSS