如何在没有动画的情况下使用jquery转换？

Question

我尝试将元素的比例从1更改为0.8。 效果很好：

  $(this).find(".overlay").css('transform', 'scale(0.8)')

唯一的问题是，转换是通过动画进行的。没有动画怎么办？

Answer 1

在使用转换之前将过渡设置为无：

$el = $(this).find('.overlay');
$el.css('transition', 'none');
$el.css('transform','scale(0.8)');

Answer 2

如果CSS正在添加动画，则可以尝试添加$(this).find(".overlay").css({ transform: "scale(0.8)", transition: "none" })。