带有负度数的CSS rotateY在Safari中不起作用

是因为Safari浏览器对于CSS的transform属性的rotateY函数在处理负度数时存在兼容性问题。具体来说，Safari对于rotateY函数中的负度数值的解析方式与其他浏览器不同，导致在Safari中无法正确地应用该变换效果。

解决这个问题的方法是使用其他方式来实现相同的效果，例如使用CSS动画或JavaScript来实现旋转效果。以下是一种可能的解决方案：

1. 使用CSS动画：可以通过定义关键帧动画来实现旋转效果。首先，定义一个@keyframes规则，指定从0%到100%的动画过程中元素的旋转角度变化。然后，将该动画应用到需要旋转的元素上。示例代码如下：

@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-180deg);
  }
}

.element {
  animation: rotate 1s infinite;
}

在上述示例中，通过定义一个名为rotate的关键帧动画，将元素从0%到100%的动画过程中的旋转角度从0度变化到-180度。然后，将该动画应用到类名为element的元素上，使其以1秒的持续时间无限循环旋转。

1. 使用JavaScript：通过JavaScript来动态修改元素的transform属性，实现旋转效果。可以使用JavaScript的DOM操作方法获取需要旋转的元素，然后通过修改其style属性中的transform属性来改变旋转角度。示例代码如下：

var element = document.getElementById('element');
var angle = 0;

function rotate() {
  angle -= 1;
  element.style.transform = 'rotateY(' + angle + 'deg)';
  requestAnimationFrame(rotate);
}

rotate();

在上述示例中，通过JavaScript获取id为element的元素，并定义一个angle变量来保存旋转角度。然后，通过修改元素的style属性中的transform属性，将旋转角度应用到元素上。最后，使用requestAnimationFrame方法来实现平滑的动画效果，不断更新旋转角度并重新渲染页面。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS：腾讯云提供的云服务器服务，可满足各种规模的应用需求。了解更多信息，请访问腾讯云CSS产品介绍。

请注意，以上解决方案仅针对给出的问题，具体解决方法可能因实际情况而异。在实际开发中，建议根据具体需求和浏览器兼容性要求选择合适的解决方案。