Html 了解跨浏览器转换&;起源

Html 了解跨浏览器转换&;起源,html,css,svg,cross-browser,transform,Html,Css,Svg,Cross Browser,Transform,我显然在这里遗漏了一些东西,希望有人能为我填补关于SVG使用的跨浏览器transform&origin的空白 那么问题的快速版本是,为什么下面的示例在Chrome中看起来/像预期的那样工作,但在Firefox中,origin被弄乱了,在IE中,transform似乎根本不起作用?(红色的东西应该均匀地围绕绿色椭圆旋转,就像在Chrome中一样,但适用于所有浏览器) 我只是没有正确地指定属性,缺少一个必要的前缀来转换IE吗?我从事桌面开发工作的时间太长了,我正在学习一些网络技能,因此我非常感谢您提

我显然在这里遗漏了一些东西,希望有人能为我填补关于SVG使用的跨浏览器
transform
&
origin
的空白

那么问题的快速版本是,为什么下面的示例在Chrome中看起来/像预期的那样工作,但在Firefox中,
origin
被弄乱了,在IE中,
transform
似乎根本不起作用?(红色的东西应该均匀地围绕绿色椭圆旋转,就像在Chrome中一样,但适用于所有浏览器)

我只是没有正确地指定属性,缺少一个必要的前缀来转换IE吗?我从事桌面开发工作的时间太长了,我正在学习一些网络技能,因此我非常感谢您提供的任何一份谦逊的工作。:)

@关键帧旋转{
0% {} 100% {
变换:旋转(360度);
-webkit变换:旋转(360度);
-ms变换:旋转(360度);
}
}
@-webkit关键帧旋转{
0% {} 100% {
变换:旋转(360度);
-webkit变换:旋转(360度);
-ms变换:旋转(360度);
}
}
#该死的{
动画:旋转3s轻松无限;
变换原点:中心;
-webkit变换原点:中心;
}


正如@DaniP所指出的,caniuse.com将成为您解决跨浏览器问题的首选资源。从更直接的链接:IE选择器名称的加分阅读已知问题…人们想知道为什么我是一个如此大的xaml粉丝lol…鉴于Firefox实现了编写的规范,而Chrome没有,所以说Firefox有问题是不准确的。@RobertLongson这是公平的,我不是有意侮辱你的工作。“您不会是第一个因为在svg元素中FF处理
转换原点
的方式而被绊倒的开发人员”?在接受之前,我将把它保留一段时间,以防有人带来不需要Greensock的技巧。然而,我希望更多地采用SMIL支持的另一个原因是……请注意,我还删除了关于bug 923193的误导性评论。该评论导致一个错误,该错误被关闭为无效。鉴于Firefox实现了该规范,Chrome需要更改,或者规范需要更改(以匹配Chrome)。@RobertLongson如果您愿意,欢迎您编辑我答案的措辞-您提出的观点绝对有效