可愛い！思わず使いたくなるSVGアニメーション

こんにちは、ウェブラボ技術メモです。

今回は、最近可愛いなぁ〜と思ったSVGアニメーションの紹介をしたいと思います。

参考サイトはこちらです。

このWebサイトはフリーランスのデザイナーさんが運営しているcodropsというWebサイトの作品の一つです。

イラストも素敵ですが、主張しすぎないSVGを使ったアニメーションがいいですね。

私も早速使ってみました！ デモページはこちら

■実装方法

1. まずプラグインをこちらからダウンロードします。

2. 以下を適宜記述する。

3. ダウンロードしたindexやindex3を参考にHTMLを記述する。

自分の好きなpathを用意してもいいと思います！

4.cssに要素の色などを記述。

皆さんもWebサイトのちょっとしたユニークポイントとして取り入れてみてはいかがでしょうか？