首先你要明白sketch投影的组成部分，分为颜色、x轴偏移、y轴偏移、模糊、扩展，具体看下图，我们已一个蓝色普通按钮为例子。
影响按钮垂直方向上的投影有这三个数值y轴偏移、模糊、扩展。
例子中，y轴是3，模糊是10，扩展是2。接下来建立切片，按option键预览间距
下投影：15=3+10+2，也就是y轴偏移、模糊、扩展三个相加
上投影：9=-3+10+2，也是三个相加，但是注意，y轴偏移是向下偏的，对于上就是负值，所以是-3。
左右投影：12=0+10+2，由于是垂直投影，所以y轴不影响左右。
以上就是sketch阴影的讲解，不过一般常规按钮可以直接导出css代码，不需要做切图，前端直接写即可。
右键单击蓝色按钮，选择copy css ttributes，就可以获取css样式
background: #1860FF;
box-shadow: 0 3px 10px 2px rgba(24,96,255,0.28);
css代码的投影样式和sketch的基本一致。
所以我们只要把y/x轴偏移、模糊、扩展三个相加即可获取，但是要注意偏移的方向，会影响正负值
