開發方法

  • 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