JavaScript で検索した結果 - プログラミングならドットインストール

HTMLでマークアップをして、画面の大まかな見た目を作っていきます。

CSSファイルを作成して画面全体のスタイリングをしていきます。

ロゴとメニューアイコン、本文のスタイルを調整していきます。

スマートフォン用のメニュー画面をマークアップしていきます。

バツ印アイコンとメニューをスタイリングしていきます。

クリックしたらメニューが表示されるようにクラスを操作していきます。

バツ印アイコンをクリックしたときにメニューが閉じるようにしていきます。

個々のメニューも下からふわっとアニメーションさせていきます。

PC版のメニュー要素を作成し、メディアクエリーを設定していきます。

PC版メニューのスタイリングを完成させていきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス