• 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

(カメきち)
 

  • ,, - By ライフハッカー編集部LIKE

    なぜスマホのバッテリーは1日ともたないのか?

    Sponsored

    なぜスマホのバッテリーは1日ともたないのか?

    なぜスマホのバッテリーは1日ともたないのか?

    お財布は忘れてもスマートフォンだけは忘れない。そんな気持ちになるほどスマホは肌身離さず持ち歩くアイテム、かつ、もっとも手近なコンピューターです。メールの確認はもちろん、ウェブで調べもの、SNSのチェックや投稿と、ひんぱんに使うことから、1日のどこかでバッテリーを充電しているのではないでしょうか? 常に手元にあって、いつでもどこでもすぐ使えることがスマホの魅力ですから、最低でも1日はバッテリーが持  11:00 AM

MORE FROM LIFEHACKER

powered by

Kotaku

Recommended

© mediagene Inc.