カメきち - Webサービス,デザイン 07:30 AM
動きのあるボタンが生成できるジェネレーター「Transformicons」
「Transformicons」は動きのあるボタンが生成できるジェネレータです。クリックするとメニューの三本線が×印になったり、ちょっとした細かい動作をもつアイコンが作れます。アイコンはCSS/SassおよびJavaScriptで生成されますよ。
以下に使ってみた様子を載せておきます。
まずTransformiconsへアクセスしましょう。トップページに並んでいるアイコンをクリックすると、どんな動きをするか確認できます。
「Builder」から、作りたいアイコンを選択します。
「Build」ボタンを押すと、HTML・CSS・JavaScriptがセットになって作られます。あとはコードをコピペすれば動きのあるアイコンが使えますよ。ぜひ細かい動作にもこだわりたい方は活用してみてください。
（カメきち）
- GIF BOOK -コンテンツ制作者のためのGIFガイド
- ビー・エヌ・エヌ新社
MORE FROM LIFEHACKER
powered by
