Photoshop投影转换为CSS3

将Photoshop中的投影效果转换为css3中的box-shadow & text-shadow代码

Photoshop投影参数

R
G
B
%
°
px
%
px

CSS3参数

px
px
px
px

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;

关于

将Photoshop设计文件图层中的混合选项参数快速转换为CSS3代码,以节省前端开发人员的时间和精力。具体计算规则来自网络。

酷站

Emoji短网址 面包多 2345网址导航