在 IE 中重现 CSS3 webkit 过渡和变换

【问题标题】：Reproducing CSS3 webkit transition and transform in IE在 IE 中重现 CSS3 webkit 过渡和变换
【发布时间】：2013-04-04 14:37:44
【问题描述】：

我正在尝试制作一个简单的“链接云”，大约有 5 或 6 个链接以绝对定位随机分布。悬停时，它们会平滑地缩放（从对象的中心，而不是从左上角）到更大的尺寸，并在鼠标移出时缩小。

使用 CSS3 转换和过渡完全可行，但我需要一个也适用于 IE8+ 的解决方案。我的网站的目标受众是那种使用开箱即用的东西的人，因此 IE 很麻烦。

我愿意接受任何建议。 Javascript、Jquery、Mootools、Prototype...命名它，我会尝试它。

【问题讨论】：

【解决方案1】：

IE9 和 IE10 无论如何都支持 CSS3 转换，所以无需担心。（对于 IE9，您需要使用 -ms-transform）。

您可以在此处查看 CSS 转换的浏览器支持图表：http://caniuse.com/#feat=transforms2d

IE8 不支持 CSS 转换，但有一些方法可以绕过它。对于 IE8，我建议使用CSS Sandpaper。

这是一个在 IE8 及更早版本中实现 CSS 转换和其他功能的 javascript 库。

然后您可以使用如下所示的语法：

-sand-transform: rotate(45deg);

希望对您有所帮助。

【讨论】：

太棒了！我正在检查它。它是否也支持 CSS -transition？
@FelipeGarciaRijo - 抱歉，我很确定它不会进行转换。我希望它们在 Javascript 中更难实现，尤其是与转换结合使用时。恐怕我怀疑你是否会找到任何解决方案。
嗯，变换本身已经解决了比例的问题。如果他们看不到它，他们应该停止使用 IE。