css外阴影向内递减效果

设计图：

实现方法有很多种：详见思否

这里介绍最简单的设计办法：css外阴影递减方法

要点：主要是改变div下阴影的递增位置和阴影大小的递减

实例代码：

.css{
	/* 其他不变，只是y偏移和阴影大小改变 */
	/* 注意，Y轴的偏转必须是2的倍数。因为参数4设置阴影少1px的时候y轴部分也会减少1px，所以一定要是2px或者以上 */
	box-shadow: 0px 2px 0px -1px rgb(185, 109, 0),
                0px 4px 0px -2px rgb(185, 109, 0),
                0px 6px 0px -3px rgb(185, 109, 0),
                0px 8px 0px -4px rgb(185, 109, 0),
                0px 10px 0px -5px rgb(185, 109, 0),
                0px 12px 0px -6px rgb(185, 109, 0);
    }