Vue Kinesis
made with Vuejs

Vue Kinesis

这是一个交互式动画组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue Kinesis是一个交互式动画组件,用于创建交互式动画(微交互、视差效果、嵌套动画...)。

安装

Npm

npm i vue-kinesis

Yarn

yarn add vue-kinesis

使用

引入

import { KinesisContainer, KinesisElement} from 'vue-kinesis'

组件中使用

      <kinesis-container>
          Here, you can put
          <kinesis-element :strength="10">
            whatever
          </kinesis-element>
          <kinesis-element :strength="20">
            content!
          </kinesis-element>
      </kinesis-container>

示例

鼠标动作

kinesis.gif

音乐节奏

12.gif

作者

相关项目