你知道box-shadow 是如何生成的吗？

在日常的前端开发中， 我们会经常使用阴影这个效果,（当然你通常是做***管理系统的话，可能有的比较少）例如下面的一段代码，这段代码是从ant-design 官网上复制下来的代码。

    box-shadow: 1px 0 #0000000f,
    		  0 1px #0000000f, 
    		  1px 1px #0000000f, 
    		  1px 0 #0000000f inset, 
    		  0 1px #0000000f inset;

作为CSS中最基础的属性（个人想法），大家都知道box-shadow是用来制作阴影的，但是你真的知道他是如何生成阴影的吗？他的每个值的意义吗？

作用

box-shadow可以将一个阴影或者多个阴影附加到盒子上，他可以接受没有阴影的none或者以逗号分割的阴影列表。

语法

box-shadow接受2-4个长度值，一个可选的颜色值，一个可选的inset关键字，省略的长度值默认为0。

/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
box-shadow:offset-x offset-y blur-radius spread-radius. color position；
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

请注意这里最少需要两个长度值，也就是offset-x 和offset-y，阴影模糊/扩散半径可以省略，默认为零！

• offset-x : 横向偏移量。正值