falsandtru / pjax-api

The advanced PJAX superior to SPA.
https://falsandtru.github.io/pjax-api/
Apache License 2.0
318 stars 28 forks source link

Animation between page navigation #35

Closed obsidienne closed 5 years ago

obsidienne commented 5 years ago

Hi,

Do you have some example to use your lib for animation between pages ?

Something we have in native app.

Thanks

falsandtru commented 5 years ago

No. I've provided no example for animation.

scil commented 2 years ago

share.

just use css animation

<div id="pj-main" class="animate__animated animate__fadeIn ">
main content
</div>

const PjConfig = { 
  areas: ['#pj-main'],
}

new Pjax(PjConfig);

the animate class are from https://github.com/bentzibentz/tailwindcss-animate.css which support vue2 and tailwind v1.

choose approprate solutions for you work.