文件名称:mdx-deck-demo-greensock:MDX Deck + Greensock动画平台
文件大小:1.37MB
文件格式:ZIP
更新时间:2024-06-14 01:59:40
JavaScript
带有Greensock动画的MDX甲板 将我最喜欢的新React演示平台令人敬畏的酱料( )与我最喜欢的旧的“您可以想象的”动画平台( )相结合。 这是一个演示,了的,这是一个伟大的大概在2秒钟内就将它放在一起的,以及我旧一些想法。 这仍然是一个进行中的工作,老实说,我仍在努力弄清楚如何使用它。 就像,嘿,请确保您将那些多余的换行符保留在其中,否则您将很难过,再加上其他怪异的事物。 不过,感觉好像我可能在这里做某事! 入门 下载或克隆存储库,然后按照通常的方式安装依赖项。 npm install 动画源文件可以在animation目录中找到。 大多数动画都会通过useTweenLite钩子将动画(也称为Tween)应用于div包装器(对于TweenMax,请将其更改为useTweenMax 。为了避免出现未动画的内容,我们将初始不透明度设置为0,然后通过Tween更新它。
【文件预览】:
mdx-deck-demo-greensock-master
----images()
--------yellow.png(149KB)
--------rye.png(171KB)
--------lobster.png(162KB)
--------hack.png(144KB)
--------default.png(145KB)
--------presenter-mode.png(175KB)
--------notes.png(159KB)
--------dark.png(139KB)
--------swiss.png(151KB)
--------script.png(191KB)
--------condensed.png(157KB)
--------future.png(142KB)
--------overview-mode.png(206KB)
--------book.png(147KB)
--------big.png(143KB)
--------code.png(146KB)
--------comic.png(159KB)
----Animation.js(927B)
----README.md(4KB)
----Counter.js(1KB)
----demo.mdx(3KB)
----animation()
--------SlideUp.js(358B)
--------Rotate.js(370B)
--------Elastic.js(388B)
--------SlideRandom.js(420B)
--------Spin.js(414B)
--------SlideRight.js(359B)
--------Scale.js(374B)
--------useTweenLite.js(312B)
--------TossUp.js(452B)
--------Twirl.js(378B)
--------Rotate3D.js(623B)
--------FadeIn.js(276B)
--------useTweenMax.js(310B)
--------FloatUpList.js(759B)
--------SlideLeft.js(358B)
--------Bounce.js(386B)
--------FadeInList.js(741B)
--------SlideDown.js(359B)
----.gitignore(63B)
----package-lock.json(737KB)
----package.json(565B)