更改当前无限运行CSS动画的百分比

我想创建一个非常自己的基本滑块。滑动工作像一个魅力，是无限的，但我想让用户跳过/回到特定的邻居（例如箭头）。更改当前无限运行CSS动画的百分比

@keyframes slider-ani { 
    0% { left: 33.3%; } 
    20% { left: 33.3%; } 
    25% { left: 0%; } 
    45% { left: 0%; } 
    50% { left: -33.3%; } 
    70% { left: -33.3%; } 
    100% { left: 33.3%; } 
}

有没有办法让Javascript命令告诉正在运行的动画进入下一步， 25％至45％。

我想尽可能多地使用CSS3。我知道这很容易在jQuery中完成。

JSFiddle

来源

2015-11-01 kwoxer

好吧，它不仅仅是这个。但无论如何，我添加了一个jsfiddle。 =） – kwoxer

我觉得用CSS和箭头实现这一点很困难，但是在任何情况下，在点击箭头之后发生向前/向后跳转之后是否需要继续滑动？ – Harry

单击一个箭头即可进入下一个百分比值。那么动画应该继续。 – kwoxer

得到它与CSS和单选按钮的工作（没有关键帧）。这非常棒，因为它在没有jQuery的情况下运行，并且在任何设备上运行。但创建它很难。

来源

2015-11-28 07:47:16 kwoxer

更改当前无限运行CSS动画的百分比

回答

相关问题