我可以使用transform作为transition-property的值吗？
提问于 2013-07-02 15:06:44
我可以使用transform作为transition-property的值吗？
transition-property: transform;W3C transition standard不会将变换列为可设置动画的值。
事实上，W3C transform standard在表7的“transform”属性中缺少“Animatable:Yes/No”行。
我担心这是不是合法的。
This stackoverflow answer 建议使用transform作为转换属性的值。
我可以使用0%和100%的关键帧获得变换动画，但如果只涉及2个状态，我更喜欢变换而不是动画。
回答 3
Stack Overflow用户
发布于 2013-07-03 15:51:58
您必须为每个引擎指定确切的名称。因此，例如，对于Safari和Chrome，您应该编写以下代码：
-webkit-transition-property: -webkit-transform;以下是JSFiddle中的工作示例。
注意:我使用了transform属性的简写。
Stack Overflow用户
发布于 2013-07-02 17:56:50
看起来你可以，但是我不太确定跨浏览器的兼容性。你可以玩玩它，here。使用已经提供的代码，当您将鼠标悬停在红色框上时，它会移动。
Stack Overflow用户
发布于 2020-05-08 06:43:06
selector{
transform: translateX(-100px);
transition:transform 0.4s ease-in-out;
}从上面的例子中，我们可以看到我们可以使用“
”属性本身作为"transition“属性的值。
因此，我们的平移将顺利进行，而不是立即向左平移100px，平移将是动画。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17429140
复制
腾讯云开发者
