特集
カテゴリー
タグ
メディア

動きのあるボタンが生成できるジェネレーター「Transformicons」

動きのあるボタンが生成できるジェネレーター「Transformicons」

Transformicons」は動きのあるボタンが生成できるジェネレータです。クリックするとメニューの三本線が×印になったり、ちょっとした細かい動作をもつアイコンが作れます。アイコンはCSS/SassおよびJavaScriptで生成されますよ。

以下に使ってみた様子を載せておきます。まずTransformiconsへアクセスしましょう。トップページに並んでいるアイコンをクリックすると、どんな動きをするか確認できます。

150214_tr2.jpg

「Builder」から、作りたいアイコンを選択します。

150214_tr3.jpg

「Build」ボタンを押すと、HTML・CSS・JavaScriptがセットになって作られます。あとはコードをコピペすれば動きのあるアイコンが使えますよ。ぜひ細かい動作にもこだわりたい方は活用してみてください。

Transformicons

(カメきち)

swiper-button-prev
swiper-button-next