jQuery的水平缓出

Question

我正在尝试做一个easyOutBounce水平动画，但是我成功做到的是垂直的easyOutBounce，它是这样的：$('#tester').slideToggle(1000,'easeOutBounce');

这是我的jsfiddle： https://jsfiddle.net/newzy08/xpvt214o/372035/

我没有看到jquery slide（）函数具有任何easeOutBounce效果...

从垂直转为水平easeOutBounce时，我的代码有什么变化？

谢谢！

Answer 1

在您的CSS中使用此更改

$('#tester').animate({
  width: '300px'
}, {
  duration: 1000,
  specialEasing: {
    width: "easeOutBounce"
  }
});

https://jsfiddle.net/hnpt4xgb/