homeVisualshadow

CSS shadow and glassmorphism designer

Drag sliders for blur, offset, spread and alpha; export a CSS string.

shadow

0px

20px

blur

50px

spread

0px

alpha

20%

rgb

0, 0, 0

color

backdrop

0px

bg hue

28°

css

box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.20);
background: rgba(255, 255, 255, 0.55);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);