我知道这个标题有点（好吧，很多）含糊不清。
我在这里真正要求的很简单：
我有一个圆形滑块，它使用和处理（javascript代码添加transform(rotate(xDeg);到句柄DOM元素，以便它跟随圆形轨道。
没关系，但是我想在这个手柄上添加一个始终显示在底部的光影（来自顶部的灯光）。
我正在思考的方式（我实际上尝试过）是创建一个伪元素（:after），然后在旋转时强制这个元素保持o度，但不幸的是，这显然不起作用该元素无论如何都会像父母那样旋转。
这是一个快速的笔，解释我在说什么：
http://codepen.io/NickHG/pen/jBXxLd
长话短说：是否可以修复阴影？关于如何实现这一目标的建议？感谢