
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
クリックしたところがおしゃれに光るナビゲーションバー 8日目【WEBサイトを作る30日チャレンジ】 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
クリックしたところがおしゃれに光るナビゲーションバー 8日目【WEBサイトを作る30日チャレンジ】 - Qiita
ナビゲーションバーをクリックした箇所にスライドさせてグラデーションをかける ■ポイント ・CSSでグラ... ナビゲーションバーをクリックした箇所にスライドさせてグラデーションをかける ■ポイント ・CSSでグラデーションの処理(linear-gradientを使用) ・JavaScriptのdocument.querySelectorで要素を取得 ・offsetLeftでクリックした対象要素の左からの幅をpx単位で(左)へ移動させる ・offsetWidthでクリックした対象要素のWidth(幅)を決定 (説明がわかりずらいかもしれません・・・検証ツールで幅の変化等を見て頂くとわかりやすいです) offsetLeftの説明はこちらのサイト様を参考にいたしました(わかりやすかった、ありがとうございます) https://syncer.jp/javascript-reference/element/offsetleft 念の為こちらも載せときます↓ https://developer.mozilla