Button 黑白按钮内部阴影

我想在这个网站上创建一个内部阴影：

但是我想把右边和下面的阴影涂成白色。 我真的没有更多的想法了

每当我点击我的按钮，我只得到白色的阴影。所以白色阴影覆盖了黑色

这就是我所走的路：

$‘按钮’。鼠标功能{ $'button'。删除类'shadowBlack shadowWhite' }; $'button'.mousedown函数{ $'button'.addClass'shadowBlack shadowWhite' }; .暗黑{ -webkit盒阴影：插入200px 200px 0px-186px rgba0,0,0,1； -moz盒阴影：插入200px 200px 0px-186px rgba0,0,0,1； 盒影：插入200px 200px 0px-186px rgba0,0,0,1； } .影白{ -webkit盒阴影：插图-200px-200px 0px-186px RGBA255255,1； -moz盒阴影：插图-200px-200px 0px-186px RGBA255255,1； 盒影：插图-200px-200px 0px-186px RGBA255255,1； } 发现它：

.影子{ -webkit盒阴影：插图9px 9px 15px 0px rgba0,0,0,0.75。插图-10px-10px 15px 0px RGBA255255,1； -moz盒阴影：嵌入9px 9px 15px 0px rgba0,0,0,0.75，嵌入-10px-10px 15px 0px RGBA255255,1； 盒影：插图9px 9px 15px 0px rgba0,0,0,0.75，插图-10px-10px 15px 0px RGBA255255,1； }

$‘按钮’。鼠标功能{ $'button'。删除类'shadowBlack shadowWhite' }; $'button'.mousedown函数{ $'button'.addClass'shadowBlack shadowWhite' }; .暗黑{ -webkit盒阴影：插入200px 200px 0px-186px rgba0,0,0,1； -moz盒阴影：插入200px 200px 0px-186px rgba0,0,0,1； 盒影：插入200px 200px 0px-186px rgba0,0,0,1； } .影白{ -webkit盒阴影：插图-200px-200px 0px-186px RGBA255255,1； -moz盒阴影：插图-200px-200px 0px-186px RGBA255255,1； 盒影：插图-200px-200px 0px-186px RGBA255255,1；

---

}jfiddle中缺少HTML，因此无法工作。