React-Scroll-Animation展示GSAP滚动动画效果的项目

React-Scroll-Animation 这个项目挺酷的,结合了 React 和 GSAP 做了多流畅的滚动动画效果。如果你在做一些想要炫酷动画展示的项目,这个资源绝对值得一试。通过 Create React App 搭建,入门也蛮。只要按照文档里的步骤操作,运行 yarn start 就能在开发模式下看到效果。如果你需要构建生产版本,只要运行 yarn build,它会自动优化并生成压缩后的文件。如果你觉得构建工具不合适,随时可以使用 yarn eject 来弹出配置,定制自己的环境。不过,弹出后就不能回去了,使用时要小心哦!

除了动画本身,项目还了一些实用的参考资料链接,像是 React App Initialization with Create React App探索 Create React App等,能够你快速了解 React 的开发流程。整体来说,这个项目是想要在页面中实现酷炫滚动效果的开发者的好帮手!

zip
React-Scroll-Animation-main.zip 预估大小:35个文件
folder
React-Scroll-Animation-main 文件夹
file
.gitignore 316B
file
tsconfig.json 535B
file
README.md 2KB
folder
public 文件夹
file
manifest.json 492B
file
robots.txt 67B
file
logo192.png 5KB
file
logo512.png 9KB
file
index.html 2KB
file
favicon.ico 4KB
file
package.json 1KB
folder
src 文件夹
folder
Assets 文件夹
folder
Images 文件夹
file
icon-speaker.svg 294KB
file
icon-desktop.svg 578KB
file
icon-board.svg 369KB
file
icon-mobile.svg 304KB
file
icon-report.svg 400KB
file
person-hand.png 400KB
file
icon-lamp.svg 290KB
folder
Fonts 文件夹
file
averta-regular.otf 71KB
file
averta-extrabold.otf 77KB
file
reportWebVitals.ts 425B
file
index.tsx 507B
file
App.tsx 11KB
file
react-app-env.d.ts 40B
folder
Components 文件夹
folder
Header 文件夹
file
Header.tsx 869B
file
index.ts 26B
file
Header.scss 1KB
folder
Typographie 文件夹
file
Text.scss 834B
file
index.ts 24B
file
Text.tsx 890B
folder
Style 文件夹
file
index.scss 568B
file
colors.scss 541B
file
mixins.scss 305B
file
App.scss 10KB
file
setupTests.ts 241B
file
yarn.lock 548KB
zip 文件大小:2.32MB