billycalc

CSS Box Shadow

Calculate CSS Box Shadow instantly with the exact formula and a worked example.

CSS Box Shadow

Distance
Dilution
15px
Standard ≈ 1.5×Calculate CSS Box Shadow instantly with the exact formula and a worked example.

More about: CSS Box Shadow

What it calculates

The “CSS Box Shadow” calculator computes Dilution in px from 1 parameter: distance.

Standard IT calculations for developers and sysadmins.

Example calculation

With parameters Distance = 10 the result is 15 px (Standard ≈ 1.5×).

How to use

  1. Enter distance — each field above is adjustable with a slider.
  2. Dilution (px) is calculated automatically as you type.
  3. Check the worked example below to see the formula applied to real numbers.
  4. Copy the result or bookmark this calculator.

Related calculators

FAQ

How is CSS Box Shadow calculated?
The CSS Box Shadow calculator computes Dilution (in px) from distance. Enter your values above and the exact formula is applied instantly; a worked example with real numbers is shown below.
Is the CSS Box Shadow calculator free?
Yes. It is completely free, needs no signup, runs entirely in your browser, and sends no data to any server.

More calculators in this category

Explore related free tools

CRC-32UUID GeneratorMaster TheoremSubnet Calculator (IPv4)CIDR CalculatorIP RangeVLSM (Variable Length Subnet Mask)IPv6 SubnetWildcard MaskBandwidth Mbps ↔ MB/sTCP Window SizeRound Trip Time (RTT)