開發方法
-
Framework
Use NextJS for development.
-
Animation Effects
Use framer-motion to detect scrolling progress, to draw the animated line as a visual guide.
-
Transition Effects
When the page is switched, the information of the current page will be recorded, and when jumping to a new page, it will be displayed on the top layer firstly, and then zoom or slide out according to the type of animation, showing a seamless transition effect.
開發工具
NextJS
React
Emotion
TypeScript
TailwindCSS
Framer Motion