Web上でよく使われるアコーディオンメニューを
簡単に作成できるWebサービス。
画面上で必要な項目を調整していくだけで
コピペだけで簡単にメニューを作成できます。
![アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』](https://pc.mogeringo.com/wp-content/uploads/2023/10/cssaccordion-thumb.jpg)
目次
リンク先
CSS Accordion Slider Generator リンク先はこちらから
使い方
![アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』](https://pc.mogeringo.com/wp-content/uploads/2023/10/cssaccordion1.jpg)
リンク先を開くと、左側が設定項目、画面中央がプレビュー画面、右側がHTML、CSSコードが
出力されています。
この左側の設定項目でアコーディオンメニューのデザインを設定していきます。
外観や配色を設定が可能です。
CSSコードは随時更新されていくので、コピペで使用可能です。
![アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』](https://pc.mogeringo.com/wp-content/uploads/2023/10/cssaccordion2.jpg)
配色は画面中央のプレビューの上部から変更可能です。あらかじめテンプレートで
設定されているので、使いたいデザインを選択できます。
自分で細かく調整も可能です。
![アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』](https://pc.mogeringo.com/wp-content/uploads/2023/10/cssaccordion4.jpg)
実際に出力されたHTML、CSSコードをコピペしてHTMLファイルを作ってみました。
![アコーディオンメニューが簡単に作れるジェネレーター 『CSS Accordion Slider Generator』](https://pc.mogeringo.com/wp-content/uploads/2023/10/cssaccordion3.jpg)
こちらがサンプルのページの画面です。自分で作るとなると大変なアコーディオンメニューが
数分で作成可能です。クリックでしっかりとメニューの開閉も可能でした。
コメント