徘徊微妙的随机运动

时间:2017-08-18 03:31:13

标签: css3 css-transforms gsap

我试图让一个3Dish块像一个气球一样在静止的房间里悬停/漂浮。我正在使用这个...

    TweenMax.from($(".bloque"), 4.3, {
      transform: "rotateY(47deg)",
      repeat: -1,
      yoyo: true,
      ease:  Sine.easeInOut
    });

    TweenMax.from($(".bloque"), 6.1, {
      transform: "translateY(-2vw)",
      repeat: -1,
      yoyo: true,
      ease:  Sine.easeInOut
    });

...但是虽然单独的第一个块完全符合预期,但添加第二个块表现得很奇怪。我没有在同一动画块上使用所有变换,因为我希望不同的时间重叠以避免无聊的可预测的移动周期。相反,我希望这些周期重叠,从而产生微妙的混沌运动。

编辑:笔添加 - > https://codepen.io/zjorge/pen/ZJraVm

0 个答案:

没有答案