CSShakeデモページ

The basic collection

<link type="text/css" href="csshake.min.css">
<!-- or from surge.sh -->
<link type="text/css" href="http://csshake.surge.sh/csshake.min.css">
<div class="shake">ベーシック</div>
<div class="shake-hard">ハード</div>
<div class="shake-slow">スロー</div>
<div class="shake-little">リトル</div>
<div class="shake-horizontal">横揺れ</div>
<div class="shake-vertical">縦揺れ</div>
<div class="shake-rotate">斜め</div>
<div class="shake-opacity">透過</div>
<div class="shake-crazy">クレイジー</div>
<div class="shake-chunk">チャンク</div>
<!-- To shake constant -->
<div class="shake-slow shake-constant">継続的なシェイク</div>
<!-- and stops on :hover -->
<div class="shake-slow shake-constant shake-constant--hover">継続的なシェイク(hoverでストップ)</div>
<!-- Freeze animation at that point when :hover -->
<div class="shake-crazy shake-freeze">継続的なシェイク</div>
フッターイメージ