ドットナビゲーションスタイル

Web Information

ドットナビゲーションスタイルの色んなパターンについて

よくイメージスライダーの下部なんかに見かけるドットナビゲーション。通常あまり注目されないんですが、その分ほかのサイトとは違ったアニメーションなんかを取り入れることでちょっとしたアクセントになりますよね。そんなドットナビゲーションスタイルの色んなパターンをチェックできる「Dot Navigation Styles」が保存版だなーと思ったのでご紹介します。

[ads_center]

チェックしておきたいドットナビゲーションスタイル

ドットスタイルナビゲーションスタイル

Dot Navigation Styles | Codrops

実際のデモでは、こんな感じにたくさんのドットナビゲーションを確認することができます。

たくさんのドットナビゲーションスタイル

ホバーやクリック時の動きもそれぞれ異なるので実際に試してみるととても参考になります。ダウンロードもできるので、コードを確認したい人はチェックしてみてはいかがでしょうか。

とりあえずドットナビゲーションスタイルで悩んだらこれを見ておけば安心ですね。

関連記事

  1. Copy All Urls

    Web Information

    たくさんのWebページURLを一気にコピーするChrome拡張機能「Copy All Urls」

    現在ひらいているタブのWebページURLをまとめて一気にコピーしたいと…

  2. Web Information

    素敵なデザインのフリーアイコン集

    自分が使いやすそうなアイコンの素材サイトをまとめてみました。どれも素敵…

  3. Web Information

    いい感じのiPhone6・iPhone6 PlusのPSDモックアップ素材集(フリー)

    いよいよiPhone6・iPhone6 Plusの発売日となりましたね…

  4. Videolicious

    Web Information

    iPhoneで動画を複数つなぎ合わせて簡単に作品を制作できるアプリ「Videolicious」

    iPhoneで複数の動画を簡単につなぎ合わせて作品を制作することができ…

  5. 常用漢字筆順辞典

    Web Information

    読み方がわからない漢字を手書きで調べれるiPhoneアプリ「常用漢字筆順辞典」

    常用漢字筆順辞典という読み方がわからない漢字を調べる際にとても役立つi…

  6. UI Movement

    Web Information

    さまざまUIを紹介するサイト「UI Movement」

    UI Movementはさまざまな新しいUIを紹介する便利なサイトです…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP