多个惊人的CSS和JS动画平滑的表现渲染?需要参考和知道这一点的专业人士

时间:2017-01-28 10:14:44

标签: javascript css animation html5-canvas gsap

如果您确实遇到了打开此问题并且您不知道答案的话。请进行投票,以便我和其他许多人都可以得到答案。请不要请任何人投票!

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

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

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

  1. 删除除transform或之外的所有其他动画属性 不透明度和
  2. 添加了css 3d transform hack,
  3. 使用Gsap也没有人帮忙,
  4. 现在我没有想法如何让它工作,如果有人想看到我的网站,这就是链接:

    webkrushers.com/test/template

    注意:

    预加载器动画(仅限css)有时在加载和主屏幕动画时滞后(星星通过gsap动画,BG正在通过css变换移动,世界也在用css变换旋转),当我我正在做一个动画,我想要标记大徽标和世界,然后淡出它,它只是步骤完成而不是完全平滑,

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

    我应该尝试一些其他的东西,如画布,webGL或网页动画API或其他任何考虑到我想要完全支持IE9和移动设备的东西,但我不需要手机上的家庭动画基本上只需要加载动画在电话里。

0 个答案:

没有答案