jquery-svgTrianglePatternは、SVGを使ったトライアングルパターンによるアニメーションを表示できるjQueryプラグインです。フワフワとした美しいトライアングルパターンで画像を表示させたり、画像上にそのようなアニメーションを加えたりすることができます。
幻想的なアニメーション
以下のページからjquery-svgTrianglePatternの詳細やダウンロードが可能です。ダウンロードしたファイルから実際のデモ動作に触れることもできます。
デモには2つのページが用意されています。demo01ではページ読み込み時に画像がトライアングルパターンとともに表示され、一定時間が経過すると再びトライアングルパターンになって画像が消えていきます。一方、demo02では予め表示された画像上にトライアングルパターンが浮かび上がってきます。どちらもフワフワとしたアニメーションで、見ていてとてもおもしろいですね。
トライアングルパターンは画像全体に散りばめられていて、demo02では消えたり出てきたりを繰り返しながらアニメーションするのでとても幻想的な雰囲気で画像を見せることができます。
SVGによる美しいトライアングルパターンを活用したい人は、ぜひ「jquery-svgTrianglePattern」を使われてみてはいかがでしょうか?