baum8906– Author –

CSSコード 背景imgのアスペクト比を維持できるレスポンシブ表示。 div{ background-image: url(img.png); background-position: center center; background-size: cover; width: 100%; padding-top: calc((img縦サイズ / img横サイズ) * 100%); } imgは要...

スクロールに追従したナビゲーション（ページ内リンク）のカレント表示についてのコード記録。 カレント表示とは こんな感じのアニメーション。（動画右上のナビゲーションリンクのアンダーバー） ページ内をスクロールすると各セクションと紐づいたナビゲ...