Design」で採用されている美しく広がる波紋のエフェクトを簡単に実装できるjQueryのプラグインを紹介します。波紋にはさまざまなバリエーションがあり、どれも美しいエフェクトです。jQuery.twinklejQuery.twinkleのデモjQuery.twinkleの使い方jQuery.twinkleのデモデモをいくつかGIFアニメーションにしてみました。(Canvas)水滴が落ちて波紋のように広がるようなエフェクト。(Canvas)パルス、脈動のようにドクンドクン動きます。(CSS3)アニメーションはCanvasとCSS3が用意されています。(Canvas)は円が一重でしたが、こちらは複数の波紋のエフェクト。エフェクトは他にも用意されています。上記ページでも楽しめますが、ダウンロードファイルのデモで一覧できます。外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。HTMLアニメーションを適用する要素にclassやidを加えます。JavaScriptjQueryのセレクタで要素を指定し、スクリプトを実行します。$(selector).twinkle();アニメーションやエフェクトはオプションで設定します。}};$(selector).twinkle(options);エフェクトの種類、カラー、大きさ、タイミング、回数などを設定できます。Posts関連記事が見つかりませんでした。