Team Avatar Unfold
重なったメンバーのアバターが広がり、名前が読みやすくなるプロフィールUI。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: slide
121 items条件に一致する公開素材
Milestone Timeline Peek
沿革の年表を指すとその年の説明が強調される企業紹介向けタイムライン。
Document Preview Flip
書類の表紙をホバーで立体的にめくり、資料の内容を予告できるプレビュー。
Contact Channel Pair
メールと電話を選べる2つの連絡手段カード。連絡先を常時表示する。
Event Date Ticket
開催日の強調と詳細への誘導を組み合わせたイベント告知カード。
Team Profile Frame
スタッフ紹介の写真枠と専門タグを上品に強調するプロフィールカード。
Resource Download Strip
ファイル形式・容量が一目で分かる資料ダウンロード用の横長リンク。
Status Message Action
通知カードに操作候補が現れ、確認済み通知へ視線を誘導できる。
Article Reading Preview
記事一覧でカテゴリ・読了目安・本文導入をすっきり案内するリンクカード。
Toggle Switch Feedback
スイッチ周辺にホバーの反応を加え、クリックでON/OFFを切り替える。
Breadcrumb Step Marker
パンくずリストの現在位置へ、控えめなアクセントが現れる。
Accessible Help Tooltip
説明アイコンにホバーまたはフォーカスすると、補足情報が表示される。
Quote Card Accent
引用カードにマウスを乗せると引用符と署名ラインが強調される。
Letter Wave Link
文字が一文字ずつ上下し、色が順番に変化するリンク演出。
Folded Corner CTA
ボタンの右上が折り返され、矢印が現れるCTA演出。
Stacked Card Layers
背面に重ねたカードが少しだけずれて現れる、コレクション向けの演出。
Link Bracket Reveal
テキストの左右に小さなブラケットが現れ、リンクを強調。
Vertical Nav Rail
サイドナビの左端にインジケーターが滑り込み、選択項目を示す。