如何在预定义的点悬停CSS动画(选框)?

时间:2016-08-15 13:40:25

标签: javascript html css css3

目前http://www.futurebreeze.com有一个选框,其中有不同的文字从右侧滚动,暂时停留在屏幕的最左侧,然后再向左滚动。< / p>

除了左边的其余部分,每个滚动文本都可以在鼠标悬停时手动暂停。但是,这种暂停突然发生,并且当文本尚未完全出现或消失时暂停。

所需的行为是,在鼠标悬停时,文本首先到达屏幕左侧的静止点,然后暂停,直到鼠标再次移开,之后文本滚出左边的视线和下一个文字从右边滚动,同时坚持相同的所需暂停行为。

问题CSS功能是否可以实现所需的行为?如果是,如何?或者是否有一种已知的替代解决方案可能使用完全不同的方法?

最小,完整,可验证的示例:https://jsfiddle.net/appxe0g8/2/

0 个答案:

没有答案