#11 アニメーションの設定を完成させよう | JavaScriptでハンバーガーメニューを作ろう - プログラミングならドットインストール

動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合はヘルプ「動画が見られない場合について」もご覧ください。

この動画を見るには
プレミアムサービスへの登録 が必要です

本のレッスンが完了！

文字起こしを表示する « 前へプレミアム会員になる（月額1080円）次へ »

プレミアム会員になると、全レッスンの文字起こしを見られるようになります。

詳しくみる

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

overlay liのスタイル
overlay.show liのスタイル
li:nth-childのスタイル

このレッスンの問題を報告する

アニメーションを上手く活用するためにどのような練習をすればいいですか？

2022年9月3日

CSS だけで li 要素が増えたときに自動で CSS を追記する処理はできますか？

2022年2月28日

.overlay 全体ですでに opacity を 0 に設定しているのに .overlay li のところでも opacity を 0 に設定しているのはなぜですか？

2022年1月27日

transition の設定を遷移前の子要素に設定してはいけないのでしょうか？

2022年1月27日

x ボタンがクリックされた時は、transition-delay で順番に消えていかないのはなぜですか？

2022年1月27日

nth-child、nth-of-type の書き方によって違いはありますか？

2022年1月27日

.overlay.show li で transform: none; にする意味は？

2022年1月27日

transitionプロパティを .overlay li {} に記載するのはなぜでしょうか？

2022年1月27日

このレッスンに関する質問をすべて見る (38)

プレミアム会員になると、わからないところを先生に質問できます。

質問機能とは？

プレミアム会員(月額1080円)になると、全レッスンの素材ファイルをダウンロードできます。

詳しい説明を読む

プレミアム会員(月額1080円)になると、全レッスンのソースコードを見られるようになります。

詳しい説明を読む

このレッスンの問題を報告する

プレミアム会員(月額1080円)になると、全レッスンのデモを見られるようになります。

詳しい説明を読む

JavaScriptでハンバーガーメニューを作ろう

JavaScriptでハンバーガーメニューを作る方法を見ていきます。 (詳細へ...)

ログインして連続再生する動画一覧 (13)

Copyright © 2011-2023 dotinstall.com. All Rights Reserved.