Javascript Stripe关于我们的面孔

Question

我尝试使用Javascript复制https://stripe.com/about上的面孔之类的内容。

我试图使用jQuery制作一个更基本的版本，但是甚至无法开始，我希望有人可以指导我朝着正确的方向前进？

Answer 1

他们可能会使用CSS keyframe animations完成所有操作，但如果您希望快速复制功能，我建议您查看动画像greensock这样的框架。使用greensock，您可以创建动画，这些动画将无限期地继续，加上暂停等等。

基本的greensock语法非常简单，看起来像这样：

var moveinner = TweenMax.to(document.querySelector('.inner'), 30, {
  left: "-=300",
  ease: Power0.easeOut,
  repeat: -1,
  yoyo: true
})

这是一个非常快速和肮脏的demo绿色摇滚如何接近这种类型的功能。显然需要大量的清理工作以及一些防止重叠的条件，但这应该足以让你走上正确的道路