jquery easeOutBounce 横向

Question

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

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

我还没有看到 jquery slide() 函数有任何 easeOutBounce 效果...

我可以在从垂直 easeOutBounce 切换到水平 easeOutBounce 的代码中做哪些更改？

谢谢！

Answer 1

在您的 css

中稍微改变一下使用它

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

https://jsfiddle.net/hnpt4xgb/