• GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきちカメきち  - ,  07:30 AM

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

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

150214_tr.jpg


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

以下に使ってみた様子を載せておきます。


まずTransformiconsへアクセスしましょう。トップページに並んでいるアイコンをクリックすると、どんな動きをするか確認できます。


150214_tr2.jpg


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


150214_tr3.jpg


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


Transformicons

(カメきち)
 

MORE FROM LIFEHACKER

powered by
    
    
    
  

Kotaku

Recommended

© mediagene Inc.