皆様、こんにちは。

マリンロードのHTMLコーダー、佐藤夏美です。

もうすぐ夏がやってきますね。

ちなみに私の名前は「夏美」ですが、夏生まれではございません。 9月30日がお誕生日です。

秋ですね。 佐藤秋美にしようかな。。。

そんなこんなで、本日のブログはCSSの「CSSShake」をご紹介させて頂きます。

このCSSShakeはいろんな物をブルブルさせることが出来るやつなんですよー。 ボタンオーバー時のエフェクトとして使ったりしたら面白そうですね。

公式サイトのcheck・ファイルのダウンロードはこちらからどうぞ。

●CSSShake http://elrumordelaluz.github.io/csshake/

それでは実際に使い方の紹介を。

まずはダウンロードしたCSSファイルを読み込みます。

これで準備完了！！

あとはHTMLに使いたい動きのclassを書いていくだけです。簡単です。

動きは9種類あります。お好みでどうぞ。

デモページつくってみました。

[DEMO]

[サンプル01]

こんにゃくをブルブルさせてみました。
マウスを乗せてみると・・・・・・

本物みたーい！

[サンプル02]

ホラーです。怖いです。

いかがでしたでしょうか。

CSSって面白いです。

使う機会があったら使ってみたいですね。

それでは、以上佐藤でした★