Css safari calc（）左侧问题

我有一个按钮，它从页面的右侧到中心设置动画

在FF和Opera中，它运行良好。在safari中，它会转到页面的中间，然后跳回侧面

按钮的位置正确

right:35px;
width: 325px;

然后，它将使用目标设置动画：

right: 50%;
right: calc(50% - 325px/2);
right: -webkit-calc(50% - 325px/2px);

我得到了后备方案，我得到了-webkit，但它仍然返回到

right:35px;

我真的不知道这里出了什么问题。按钮有。位置正确的class1:35px。。。。单击它将类更改为.class2，并带有计算位置。所以在css中，右边没有关于35px的内容…我很困惑

编辑：

$（“#konf菜单”）。单击（函数（）{
$（“.konf按钮”）.addClass（'konf-animation'）.removeClass（'line-right'）；
});
.konf动画{
位置：固定；
能见度：可见；
显示：块；
宽度：325px；
字体系列：“Dosis”，无衬线；
字母间距：正常；
字体大小：400；
文本转换：大写；
文字装饰：无；
文本对齐：居中；
字体大小：15px；
-webkit转换来源：100%50%；
-moz变换原点：100%50%；
-ms转换原点：100%50%；
-o-变换-原点：100%50%；
变换原点：100%50%；
最高：50%；
利润上限：-200px；
-webkit转换：所有0.7秒；
-moz转换：所有0.7秒；
-ms转换：均为0.7s；
-o-过渡：均为0.7s；
过渡：所有0.7秒；
z指数：1006；
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-ms变换：旋转（0度）；
-o变换：旋转（0度）；
变换：旋转（0度）；
顶部：计算（50%+250px）；
右：50%；
右：计算（50%-325px/2）；
右：-webkit计算（50%-325px/2）；
动画：konfi 1.8s；
-moz动画：konfi 1.8s；
-webkit动画：konfi 1.8s；
}
@关键帧konfi{
0% {
右：0px；
}
90% {
右图：calc（45%-325px/2）；
}
100% {
右：计算（50%-325px/2）；
}
}
.右线{
位置：固定；
能见度：可见；
显示：块；
宽度：325px；
字体系列：“Dosis”，无衬线；
字母间距：正常；
字体大小：400；
文本转换：大写；
文字装饰：无；
文本对齐：居中；
字体大小：15px；
-webkit变换：旋转（-90度）；
-moz变换：旋转（-90度）；
-ms变换：旋转（-90度）；
-o变换：旋转（-90度）；
变换：旋转（-90度）；
-webkit转换来源：100%50%；
-moz变换原点：100%50%；
-ms转换原点：100%50%；
-o-变换-原点：100%50%；
变换原点：100%50%；
右：35px；
最高：50%；
利润上限：-200px；
-webkit转换：所有0.7秒；
-moz转换：所有0.7秒；
-ms转换：均为0.7s；
-o-过渡：均为0.7s；
过渡：所有0.7秒；
z指数：1006；
}

安格博茨康纳特
Safari似乎在“transition:all”方面存在问题

解决的办法是具体处理权利转移属性

而不是

-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;

我现在用

-webkit-transition: transform 0.7s;
-moz-transition: transform 0.7s;
-ms-transition: transform 0.7s;
-o-transition: transform 0.7s;
transition: transform 0.7s;

一切都很顺利。
请包含完整的代码（HTML和CSS），以便我们重现问题。@Hidden Hobbes:请参阅我的编辑谢谢。我猜这些测试是在Mac上运行的？如果是这样的话，我将无法对此进行调查，因为Windows版本的Safari已经严重过时。是的，它在mac上。safari版本9这是一个真正的暗中刺杀，但没有删除
right:-webkit-calc（50%-162.5px）有效果吗？