アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』

Web上でよく使われるアコーディオンメニューを
簡単に作成できるWebサービス。
画面上で必要な項目を調整していくだけで
コピペだけで簡単にメニューを作成できます。

アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』
目次

リンク先

CSS Accordion Slider Generator リンク先はこちらから

使い方

アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』

リンク先を開くと、左側が設定項目、画面中央がプレビュー画面、右側がHTML、CSSコードが
出力されています。
この左側の設定項目でアコーディオンメニューのデザインを設定していきます。
外観や配色を設定が可能です。
CSSコードは随時更新されていくので、コピペで使用可能です。

アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』

配色は画面中央のプレビューの上部から変更可能です。あらかじめテンプレートで
設定されているので、使いたいデザインを選択できます。
自分で細かく調整も可能です。

アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』

実際に出力されたHTML、CSSコードをコピペしてHTMLファイルを作ってみました。

アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』

こちらがサンプルのページの画面です。自分で作るとなると大変なアコーディオンメニューが
数分で作成可能です。クリックでしっかりとメニューの開閉も可能でした。

よかったらシェアしてください!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次