CSS transition rotate3d的属性在SVG上不起作用

CSS transition rotate3d属性在SVG上不起作用是因为SVG是一种基于XML的矢量图形格式，与HTML不同，它使用不同的渲染引擎和属性集。CSS transition rotate3d属性主要用于HTML元素的转换效果，而不是SVG元素。

在SVG中，要实现旋转效果，可以使用SVG的内置变换属性，如transform属性。通过在SVG元素上设置transform属性，可以实现旋转、缩放、平移等变换效果。

例如，要在SVG元素上实现旋转效果，可以使用transform属性的rotate()函数。rotate()函数接受一个角度参数，表示要旋转的角度。

示例代码如下：

<svg width="200" height="200">
  <rect x="50" y="50" width="100" height="100" fill="red">
    <animateTransform attributeName="transform" attributeType="XML"
      type="rotate" from="0" to="360" dur="5s" repeatCount="indefinite" />
  </rect>
</svg>

在上面的示例中，我们使用rect元素创建一个矩形，并在矩形上设置了animateTransform元素，通过设置attributeName为transform，attributeType为XML，type为rotate，from为0，to为360，dur为5s，repeatCount为indefinite，实现了一个无限循环的旋转效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供了高性能、可靠稳定的云服务器实例，适用于各种应用场景。

腾讯云对象存储（COS）是一种安全、低成本、高可扩展的云存储服务，适用于存储和处理各种类型的数据，包括图片、音视频、文档等。

腾讯云云服务器（CVM）产品介绍链接地址：https://cloud.tencent.com/product/cvm

腾讯云对象存储（COS）产品介绍链接地址：https://cloud.tencent.com/product/cos