我正在研究一种能够显示月亮相位变化的动画。要做到这一点，我有一个圆形的父容器设置为In [178]: a = np.random.randint(0,100,(100,100))
In [179]: %timeit onehot_initialization(a)
...: %timeit onehot_initialization_v2(a)
...:
1000 loops, best of 3: 474 µs per loop
10000 loops, best of 3: 128 µs per loop
In [180]: a = np.random.randint(0,500,(100,100))
In [181]: %timeit onehot_initialization(a)
...: %timeit onehot_initialization_v2(a)
...:
100 loops, best of 3: 2.38 ms per loop
1000 loops, best of 3: 213 µs per loop
和三个在其中生成动画的子元素 - 它们创造了月亮两侧的光影。我独立地动画子元素的水平和垂直边界半径像素尺寸，以模仿球体的旋转。 （见下面的演示）
这种方法在Chrome和Firefox中运行良好，但Safari在overflow:hidden动画ex时忽略了border-radius上的独立水平/垂直像素声明。 border-radius: 0px/100px;
Safari是否不支持动画单独的水平和垂直border-radius声明，或者我错过了哪些内容？
我已经为我能做的所有事情添加了-webkit-个前缀，但仍然没有。
代码太多，无法粘贴到此处，所以这里是CodePen.
提前感谢任何建议！