網頁動起來! / Web animation for fun!
- Live Demo: [https://react-solar-system-mocha.vercel.app]
- 桌機大視圖時,將顯示 Dock 側欄
- 桌機非大視圖或行動裝置橫向時,將顯示導航列
- 行動裝置直向時,將顯示隱藏選單之軌道動畫
- 借助 Framer-motion, 實現網頁轉場效果
- 響應式設計,手機,平板,桌機皆可瀏覽
- On a large desktop viewport, the Dock sidebar will be displayed.
- On a smaller desktop viewport or a landscape-oriented mobile device, the navbar will be displayed.
- When a mobile device is in portrait mode, a collapsible menu with orbiting icon animation will be displayed.
- Implement page transitions with the help of Framer-motion
- Welcome to my tailwind CSS hell!
- React.js
- React Router
- TypeScript / JavaScript
- Tailwind / CSS
- Framer-motion
- Zustand