『Transfomicons』を試してみる
アイコンをクリックしたら、クリックされたアイコン自身がアニメーションするようなソースコードを自動生成してくれる『Transfomicons』。
⇩ 下記サイトへ。
『Builder』をクリックします。選択されると白くなります。
ページが変わってアイコンの選択画面が出ます。
自分の使いたいアイコンを選択します。
ソースコードの形式を選択します。ソースを分析したい人は『Unminified』を選択すれば、圧縮されてない見やすいソースを生成してくれます。
『BUILD』という赤いボタンをクリックでソースコードを生成してくれます。ソースを自分のファイルにペーストして完了です。
スマホサイトの『ハンバーガーメニュー』でよく利用されているようです。
⇩ 『ハンバーガーメニュー』については下記サイトが詳しいです。
・jQueryとCSS3でマテリアルデザインのハンバーガーメニューを実装してみる | Creator Clip
・CSS3とjQueryで作る「開閉に合わせて×ボタンに変化させる」ハンバーガーメニュー | Creator Clip
今回はこのへんで。