Skip to content

v-slideIn

功能介绍

添加入场动画

示例

占位盒子

盒子内容

盒子内容

使用

typescript
<template>
  <div>
    <div style="height:500px;background:rgba(125,125,125,.5);margin-bottom:10px;display:flex;justify-content:center;align-items:center;border-radius:5px;color: rgba(255,255,255,.5);font-size:30px;" >占位盒子</div>
    <div>
      <h1 v-slideIn>盒子内容</h1>
      <h1 v-slideIn="{ px: 100, time: 1000 }">盒子内容</h1>
    </div>
  </div>
</template>

Released under the MIT License.