@zrook/vue-transitions v0.0.1

@zrook/vue-transitions

Vue transition animation library

Install

npm install @zrook/vue-transitions
# or
pnpm install @zrook/vue-transitions

Use

// main.ts
import "@zrook/vue-transitions/style"

<script setup lang="ts">
/* import '@zrook/transitions' Get all animations, most of the time you don't need to */
import Fade from '@zrook/vue-transitions/fade'
const show = ref(false)
// reverse 反向动画
</script>

<template>
  <Fade direction="x" reverse>
      <div v-if="show"  />
  </Fade>
</template>