HTML / CSS / jQuery コーディング

【CSS】「CSShake」を使ってブルブルふるえるテキストや画像を作る


クラスを指定するだけで、ブルブルふるえるテキストや画像を作れます。

オンマウスした時や、常にブルブルするものも作れます。

デモページを見る

 

以下、使用方法です。

◆まずはファイルをダウンロード

下記URLより「CSShake」プラグインをダウンロードします。

一番下の方にダウンロードボタンがあります。

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

 

◆HTML

ダウンロードしたファイルを読み込みます。パスはファイルの置き場所にしてください。

<link rel="stylesheet" href="csshake.min.css">

クラス指定は下記のようになります。

<div class="shake">オンマウスでブルブルふるえる</div>

常に震える場合は下記の記述にします。

<div class="shake shake-constant">オンマウスに関係なく常にブルブルふるえる</div>

その他、色々な効果があるので、「CSShake」のサイトを確認してみてください。

-HTML / CSS / jQuery コーディング
-

© 2026 Web担当屋 ブログ