docs

demo(click)

XyzTransition组件

<XyzTransition appear xyz="fade rotate-right ease-out-back">
    <pureColorCard width='60%'></pureColorCard>
</XyzTransition>

<XyzTransition appear mode="out-in" xyz="flip-up out-flip-down duration-3 ease-out">
    <pureColorCard width='60%'></pureColorCard>
</XyzTransition>

nested

<XyzTransition appear duration="auto"  xyz="fade up-100% duration-10">
<div class='flex2'>\
<pureColorCard xyz="fade small stagger" width='40%'   v-for="index in 4" :key="index"></pureColorCard>
</div>
</XyzTransition>

cards