CSS Shake – CSS3で実現するシェイクアニメーションMOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました CSS3を使えばアニメーションも実現できますが、敷居はまだ高いように思います。せっかくの機能が使われないのは非常に勿体ない訳で、一つのライブラリとして提供されれば使いやすくなるのではないでしょうか。 ということで今回はCSS Shakeを紹介します。CSS3を使ってシェイクジェスチャーを実現するアニメーションライブラリです。 CSS Shakeのデモ というわけでデモ動画です。 見事にシェイクされているのが分かります。 CSS Shakeの使い方 CSS Shakeは幾つかのクラスを定義しています。まずはスタイルシートを読み込みます。 <link type="text/css" href="csshake.css"> これで準備完了です。基本形は次のようになります。 <div cl
