Question

我被要求在Slick slider（例如，基本JSfiddle，here）上做动画，该动画起步缓慢（就像汽车在运动），而不是快速移动并停止缓慢。但是我不知道如何实现这一目标。有人能给我指出正确的方向吗？

<section class="slider">
    <div>Hover me and I'll pause</div>
    <div>Unhover and I'll resume</div>
    <div>But not if you've paused me</div>
    <div>I wont restart when changing slides</div>
    <div>I will also pause when focussed</div>
    <div>Huzzah.</div>
</section>

<script>
$(".slider").slick({
    autoplay: true,
    autoplaySpeed: 5000,
    pauseOnHover: true,
    pauseOnFocus: true,
    dots: true,
});
</script>

非常感谢，非常感谢您的帮助。

Answer 1

感谢里克·卡尔德（Rick Calder）和他的暗示，我发现了这个话题：Slick Carousel Easing Examples

并使用此https://easings.net/，我选择了https://easings.net/#easeInOutCubic动画，该动画可以按以下方式应用于光滑效果：

cssEasing: 'cubic-bezier(0.645, 0.045, 0.355, 1)',

那么简单！非常感谢！

如何为更改幻灯片制作动画？慢速慢动作

1 个答案: