需要将此http://www.studio-neko.fr/的标题动画添加到显示设备顶部的图片(高度100vh)。怎么实现这个?有人是个主意吗?谢谢。
答案 0 :(得分:0)
据我所知,通过检查其代码(通过点击Chrome上的F12),该网站正在使用GSAP库(TweenMax.min.js)
https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js
如果您打开https://cdnjs.com/并查找TweenMax,您会找到以下说明:
将GSAP视为动画的瑞士军刀......但更好。它 动画JavaScript可以触摸的任何内容(CSS属性,画布库 对象,SVG,通用对象,等等,它解决了很多浏览器 不一致,都有惊人的速度(快于20倍 jQuery的)。有关详细信息,请参阅http://greensock.com/why-gsap/。其他 CSS之类的库,如jQuery,Velocity,Transit和Zepto 属性。此外,他们的测序能力和运行时控制都很苍白 通过比较。简而言之,GSAP是最灵活的高性能产品 这个星球上的动画库。而不像单片框架那样 Famo.us或Angular决定了如何构建应用程序,GSAP 只拥有动画层;撒在任何你想要的地方。 GSAP 代表GreenSock动画平台。有一个jQuery插件 劫持原生jQuery.animate()方法以便动画 执行得更好,可以补充其他属性,例如 颜色,变换(2D和3D),boxShadow,borderRadius,剪辑和 更多。 GSAP没有依赖于jQuery或其他库。看到 http://greensock.com/gsap/了解详情。
此外,网站正在使用其他js文件,但可能是负责这些动画的文件
我希望这会有所帮助。