水平滑动幻灯片？

Question

最近，我一直看到刷卡的趋势，我想知道构建它们的常用方法是什么？我知道Slick Slider允许刷卡，但我很确定这些网站都没有使用标准的幻灯片插件。

也许有人使用Canvas？使用GreenSock？以下示例：

https://collagecrafting.com/

http://artempivovarov.com/photo-gallery

由于

Answer 1

他们似乎正在使用CSS动画，这也是你做这件事的最好/最简单的方法之一。 https://www.w3schools.com/css/css3_animations.asp

基本上，他们正在做的就是改变它的位置。可以执行幻灯片效果的一个示例动画如下：

.slideLeft {
    position: absolute;
    left: 25%;
    animation-name: slideLeft;
    animation-duration: 2s;
}
@keyframes slideLeft {
    from {
        left: 25%;
    }
    to {
        left: 0%;
    }
}