ザリガニデザインオフィス

ハンバーガーボタンジェネレーターを作りましたのサムネイル

ハンバーガーボタンジェネレーターを作りました

Vueの練習も兼ねてハンバーガーボタンジェネレーターを作りました。

ハンバーガーボタンジェネレーター
Hamburger Button Generator

使い方

使い方はいたって簡単で、ハンバーガーボタンの縦、横、線の太さを入力するだけで自動的HTML、CSS、jQueryのコードが生成されます。あとは、それを使いたいところにコピーするだけでOKです。

数値を入力するとリアルタイムで反映されるので、数字を変えながらボタンを作ることもできます。

カラーコードを入れれば色もカスタマイズできます。

今後の予定

いくつかアップデートをしたいと思っており、バニラJSのコードを生成できるようにする予定です。