如何保持重复和多个交错的CSS和JS动画顺利。尝试使用gsap和css,但没有任何帮助提高性能

时间:2017-01-27 22:34:41

标签: javascript css performance animation gsap

我想在项目的目标网页上获得最佳动画效果,在这里我变得最迟钝, 我正在尝试GSAP和原始css,我认为没有人帮助性能有时太迟,

- >我见过许多网站使用硬核和方式更复杂的动画连续甜蜜地丝绸并支持包括手机在内的所有平台,但我的动画即使在PC上运行也很蠢,

我一直试图获得解决方案,试图

  1. 删除除变换或不透明度以外的所有其他动画属性

  2. 添加了css 3d transform hack,

  3. 不对影响要重新绘制的布局的元素使用动画,

  4. 使用Gsap也没有人帮忙,

  5. 现在我没有想法如何让它工作,如果有人想看到我的网站,这就是链接:

    webkrushers.com/test/template

    注意:

    预加载器动画有时会滞后以及主屏幕动画,如果我们通过这个,我还有一个动画效果不佳的地方。希望将它全部排序,并且其他人也从解决方案中学到一些东西。 你可以看到它,它在开发中不那么敏感,所以在全高清屏幕上以80%的变焦率打开它,在高清屏幕上打开67%。如果他/她感觉如此,我真的很想得到任何可以帮助我的人的帮助。如果有人看到可以做出的改进或替换,我还想要一些关于改进我的UI的建议。

    如果无法做到,我是否应该转到画布或webGl,如果有的话,任何人都可以从我应该开始的地方获得一些启示吗? 我已经知道了帆布并且已经学到了一些基础知识,但我必须学习很多东西,但我对Web GL一无所知,所以请解释并引用来源。

0 个答案:

没有答案