Question

我无法获得CSS转换（将div缩放到1.05它的原始大小），以便在下面的页面上与jQuery动画一起播放：

当您将鼠标悬停在其中一个彩色div上时，您可以看到CSS转换的效果，点击“向我们发送电子邮件”按钮会触发动画，但动画会缩短。

我已经确认删除CSS动画可以正确显示jQuery动画。

我确定了两个行动方案：

我认为第一个选项是两者中较好的一个，因为它允许动画在被带走之前将自身重置为零。但我愿意接受更好的想法，从而在这里发布这个小问题。

提前感谢您提供的任何帮助。

Answer 1

我也会选择第一个选项。

我想动画不会像这样点击并让它们以令人眼花缭乱的方式消失（我个人喜欢不透明度0效果又名.fadeOut() - 这允许我通过jQuery玩不可见但不透明的元素）。

$('#prices>div').not($clicked).animate({...});

然后我会将点击的元素设置为动画，并使用类似下面代码的方式转到左侧：

$('#prices>div').is($clicked).animate({'left':'0'});

然后我想你想要邮件表格出现在右边？我会褪色。

我应该注意到，我没有测试过任何这些代码，只是从头顶写下来说明我的意思。我希望这会有所帮助。