Directional Choice Menu
事業一覧メニューで、選択行の方向アイコンが回転し関連ラベルが出現する。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: navigation ／ 動き: reveal
20 items条件に一致する公開素材
Editorial Dotted Path Nav
見出しと右端の数字の間に点線が伸びる目次ナビ。長い記事・会社案内に。
Service Column Focus Menu
サービス別メニューの項目にホバーすると対応する概要パネルへ焦点が移る。企業サイト向けのメニューです。
Project Stage Menu
制作工程メニューの行ホバーで工程の短い説明と進行方向が表示されます。
Sidebar Editorial Tabs
縦型のサイドナビにホバーすると内容ラベルと小見出しが展開する。
Chapter Label Rail
記事内ナビの省スペースな章番号がホバーで見出しラベルに展開するインデックス。
Museum Exhibit Menu
展示案内の各リンクに触れると矢印と展示番号が別方向から現れる、ミュージアム向けのナビ。
Article Topic Rail
記事目次のセクションリンクをホバーすると右端の読了目安と区切り線が現れ、現在位置を探しやすくする。
Context Preview Rail
メニューの各リンクに触れると、右側の共通レールにその項目固有のプレビュー情報が切り替わる。
Sitemap Branch Links
サイトマップ項目の枝線がホバーで展開し、関連ページの存在を示すナビゲーション。
Shortcut Hint Navigation
メニューの末尾にショートカットキーのヒントがせり出す、管理画面向けナビゲーション。
Inline Map Marker Links
会社案内の拠点リンクにホバーすると小さなピンと距離メモが展開するナビゲーション。
Alphabet Index Unfold
アルファベット索引をホバーすると該当文字の説明が横に現れる。
Dotted Leader Directory
目次の項目とページ番号の間にドットリーダーが延び、見ている行を読み取りやすくする。
Woven Category Link
カテゴリーリンクの2本の斜線が織り込むように交差し、タグのアクセント模様になる。
Footer Link Fan
フッターのリンク群にホバーすると、三つのアイコンが扇状に開くコンパクトなSNSメニュー。
Menu Thumbnail Cue
ナビゲーション項目にホバーすると、その横へ小さな作品サムネイルが現れ、行き先を予告する。
Submenu Peek
ホバーまたはキーボード操作で小さなサブメニューが展開する、実務向けのナビゲーション。