2

我有一个两部分的问题：

1. 如何在单击时同时在 jQuery 多个转换（例如 scale() + rotate()）中设置动画？

（我试过使用这样的step功能：

$("target").animate({'left':'100px',myScaleProperty: 2, myRotationPreperty: 180}, {step: function(now,tween) {
if (tween.prop == myScaleProperty) {
$(this).css({'transform','scale('+now+')'})
}
if (tween.prop == myRotationProperty){
$(this).css({'transform','rotate('+now+'deg)'})
}
},duration:'slow','linear'})

2. 如何在 jQuery 上制作可逆动画（不定义另一个反向动画函数）？

4

1 回答 1

3

我有一篇博文展示了如何同时缩放和旋转

http://bcksp.blogspot.com/2011/12/css3-based-animation-instead-of-jquery.html

这是小提琴

http://jsfiddle.net/alsadi/sFzSR/

拥有这样的 css，您可以使用 jquery 添加或删除动画类

transform:rotate(180deg) scale(0.5);

在 jquery javascript 中它可能看起来像这样

 $(this).css({transform:'rotate(180deg) scale(0.5)'})

更新：用单个基于触发器的变换替换无限过渡动画循环

于 2013-04-29T09:04:21.760 回答