我有一个 div,我点击它来拖动它。一旦它在一个区域上,它会通过以下方式动画到它的位置:
$("#wheel1").animate({left: "200px", top: "100px"});
我也可以让它动画:
@-webkit-keyframes wheel1 {
0% {
}
100% {
-webkit-transform: translate(200px, 100px);
}
}
区别在于;使用 jQuery,它会从文档左侧动画到 200px。使用 CSS3,它会在你放置它的地方设置 200px 的动画(这很糟糕)
有没有办法让 CSS3 从文档的左上角开始动画,就像 jQuery 一样?我尝试更改变换原点和其他一些设置,但没有成功。