CODEPREP | HTMLとCSS3で作るサイドメニューのメモです。
画像の表示位置を調整
background-positionプロパティを使う- background-position - CSS: カスケーディングスタイルシート | MDN
メニューが閉じた状態のスタイルを調整する
white-space: nowrap;を使って折り返さないようにし、overflow: hidden;で溢れた要素を非表示にすると綺麗に収まる
アニメーションの開始を遅延させる
transition-delay: 遅らせる秒;を使う
