Html CSS 3：正确的“；“过渡财产”；用于翻译操作

我使用下面的代码来实现对象单击时的简单翻译

$（'div1'）。在（'click'，函数（）{
$（this.toggleClass（'pushObject'）；
});
#第1部分{
宽度：30px；
高度：30px；
背景颜色：绿色；
光标：指针；
过渡：所有0.5s缓解；
}
#第1部分：悬停{
背景色：红色；
}
.pushObject{
转换：转换（250px，0px）；
}
在
转换：translate（250px，0px）
声明中，该属性称为
transform
，该属性的值是
translate（250px，0px）
函数

因此，
转换属性
的正确值为
转换
：

#div1 {
    width:30px;
    height:30px;
    background-color:green;
    cursor:pointer;
    transition: transform 0.5s ease;
}



$（'div1'）。在（'click'，函数（）{
$（this.toggleClass（'pushObject'）；
});
#第1部分{
宽度：30px；
高度：30px；
背景颜色：绿色；
光标：指针；
-webkit转型：-webkit转型0.5s轻松；
-moz转换：-moz转换0.5s轻松度；
-o-转换：-o-转换0.5s容易；
转型：转型0.5s轻松；
}
#第1部分：悬停{
背景色：红色；
}
.pushObject{
转换：转换（250px，0px）；
-webkit转换：翻译（250px，0px）；
-ms变换：平移（250px，0px）；
-o变换：平移（250px，0px）；
-moz变换：平移（250px，0px）；
}

哦，这很简单，我只是想针对标准css属性，如margin等，因为我只是认为它会影响这些属性。感谢如此快速的响应（即使我还要再等6分钟才能接受它），它也能如期工作。：）+1.