wiv.js 一个让div元素产生摇摆效果的JS动画库

wiv.js 一个让div元素产生摇摆效果的JS动画库

JavaScript 动画效果

访问GitHub主页

共328Star

详细介绍

under construction

wiv.js · GitHub license npm version

A library for a more wiggly div

https://jjkaufman.github.io/wiv.js/

Example

Hello World Example

<div class="wiv" data-wiv-speed=".55" data-wiv-height="5" data-wiv-tightness="6" data-wiv-thickness="1"
  data-wiv-color="#2C0EF0">
  Hello World
</div>
<script src="wiv.js"></script>
<script>
  //initial wivs and call initial frame render
  let w = wiv.wiv();
  w.initWivs();
</script>

Special Editions

React Edition : https://github.com/ndresselhaus/react-wiv

Vue Edition: https://github.com/bronhuston/vue-wiv

Join the discussion

https://join.slack.com/t/wivjs/shared_invite/enQtNTEzMjEzMTY2NTY3LWViYTBiMjkxZGY1MDUxOWI4ODMzNGVkN2U2N2Y0NjQ5NjUwMzY2YzU4NjA5M2UxNmFkOWE4YzY5ZGI5Nzg0NmM

推荐源码