PSD-to-CSS3 Convert Photoshop Drop Shadows to CSS3 Box & Text Shadows
Photoshop Drop Shadow
R
G
B
%
°
px
%
px
Ps Default Values Ps to CSS
CSS3 Syntax
px
px
px
px

CSS Preview

Box Shadow Preview

Text Shadow Preview

CSS3

box-shadow: offset-x offset-y blur-radius spread-radius rgba(0, 0, 0, opacity) inset;

text-shadow: offset-x offset-y blur-radius rgba(0,0,0 opacity); box-shadow: offset-xpx offset-ypx blur-radiuspx spread-radiuspx rgba(0, 0, 0, opacity) inset;

text-shadow: offset-xpx offset-ypx blur-radiuspx rgba(0, 0, 0, opacity) inset;
Clear All