jquery easeOutBounce 水平

Question

我正在尝试做一个 easeOutBounce 水平动画，但我所做的只是垂直 easeOutBounce，这样：$('#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/