コーディング知識

.sectionの背景を設定して.section__itemにグラデーションの影.shadowを設定したい。 なにも設定しないと.shadowが一番上に来てしまう。 .section__itemにbox-shadowをつければ出来るかと思ったがグラデーションの仕方が分からなかったので断念。 shadowにz-index:-1をつけてみたが.sectionの背景の下に来てしまうのでうまくいかない。 そこでchatGPT先生にやり方を聞いて解決しましたので備忘のため残します。

初期の画面表示のときやスクロールに合わせてふわっと浮き出るような画面表示の方法についてこれまで使用したものを備忘のため残します。

hamberger buttonのHTML/CSS。ボタンを押すとボタンの形が×になりメニューが表示される。メニューの外側をクリックするとメニューが閉じる。