This is a demo project showing how to use css matrix, Next.js
and Tailwindcss
to build up a canvas with the support of scrolling smoothly.
Run pnpm install
to install the dependencies.
- Start up the development server
pnpm dev
After running this command, you will see the demo project on http://localhost:3000
.
Just scroll the canvas area by your mouse or touchpad, and you will see the magic of the matrix transformation. The canvas will be scrolled smoothly.