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

作者

相关项目

这是一个基于Vue.js的模拟命令行效果的动画组件。
Vue.js的文本幻灯片组件。
这是一个基于Vue.js的内容切换组件。
这是一个使用Vue.js的加载Spinner的集合。
这是一个实现Material设计风格的纹波效果的插件。
这是一个基于Vue的emoji图标反馈组件。
这是一个带动画的“喜欢”按钮组件。