CSShake 是一個有趣的用 CSS 製作搖動的動畫效果的 library,簡單套用 css 就可以使用了。
github:http://elrumordelaluz.github.io/csshake/
Demo:CSShake
安裝:
$ git clone https://github.com/elrumordelaluz/csshake.git
$ bower install csshake
$ npm i csshake
連結 cdn:
https://cdnjs.com/libraries/csshake
接下來在想要搖動的元素加上對應的 class 就好了。
<div class="shake">div> <div class="shake shake-hard">div> <div class="shake shake-slow">div> <div class="shake shake-little">div> <div class="shake shake-horizontal">div> <div class="shake shake-vertical">div> <div class="shake shake-rotate">div> <div class="shake shake-opacity">div> <div class="shake shake-crazy">div>