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

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

CSSで、画面全体と「詳細を見る」「閉じる」の各ボタンのスタイルを調整していきます。

マスクとモーダルウィンドウのスタイルを調整していきます。

hiddenクラスをつけることで、マスクとモーダルを表示しないようにします。

「詳細を見る」ボタンにclickイベントを設定して、クリックしたらマスクとモーダルが現れるようにします。

要素をアニメーションさせる方法と要素の重なり順を指定する方法を見ていきます。

完成版を確認したあとで、必要なファイルを作っていきます。

作成したindex.htmlを使って、学習の準備を進めていきます。

HTMLでマークアップをして、必要な要素を作っていきます。

CSSで、画面全体とメニューのスタイルを調整していきます。

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