GitHub - sdras/page-transitions-travelapp: Travel App, Native-like Page Transiti...
source link: https://github.com/sdras/page-transitions-travelapp
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
Page Transitions Travelapp
This demo shows an example of how to acheive native-like page transitions on the web. There's much to be improved here- it's not meant to be a full-fledged web application, just a quick demo to show how this kind of implementation could theoretically work. These concepts can and should be expressed differently in your own application, the sky's the limit here! This is created with Nuxt and Vue.
Article explaining the demo is available at https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web
Live demo at https://page-transitions.com/
See the page transitions travel app demo for a real-life use case: https://github.com/sdras/page-transitions-travelapp
Build Setup
# install dependencies $ npm install # Or yarn install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launch server $ npm run build $ npm start # generate static project $ npm run generate
For detailed explanation on how things work, checkout the Nuxt.js docs.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK