SVGによるトライアングルパターンを表示できる「jquery-svgTrianglePattern」

no-image

jquery-svgTrianglePatternは、SVGを使ったトライアングルパターンによるアニメーションを表示できるjQueryプラグインです。フワフワとした美しいトライアングルパターンで画像を表示させたり、画像上にそのようなアニメーションを加えたりすることができます。

幻想的なアニメーション

デモ

デモには2つのページが用意されています。demo01ではページ読み込み時に画像がトライアングルパターンとともに表示され、一定時間が経過すると再びトライアングルパターンになって画像が消えていきます。一方、demo02では予め表示された画像上にトライアングルパターンが浮かび上がってきます。どちらもフワフワとしたアニメーションで、見ていてとてもおもしろいですね。

トライアングルパターンは画像全体に散りばめられていて、demo02では消えたり出てきたりを繰り返しながらアニメーションするのでとても幻想的な雰囲気で画像を見せることができます。

SVGによる美しいトライアングルパターンを活用したい人は、ぜひ「jquery-svgTrianglePattern」を使われてみてはいかがでしょうか?

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives