Advanced Box Shadow CSS Generator
Create cool effects and realistic illusions with multiple shadows
Custom Shape
Upload Image
Width:
px
Height:
px
Shape color
Background color
Border radius
0
%
Individual radius
Border top left radius
0
%
Border top right radius
0
%
Border bottom right radius
0
%
Border bottom left radius
0
%
Background color
Border radius
0
%
Individual radius
Border top left radius
0
%
Border top right radius
0
%
Border bottom right radius
0
%
Border bottom left radius
0
%
Box-Shadow Settings
CSS Syntax:
h-offset v-offset blur spread color
| inset
Add Another Shadow
Shadow #1
h-offset
0
px
v-offset
0
px
blur
0
px
spread
0
px
color
inset
delete
content_copy
Copy box-shadow declaration