Alphabet Index Unfold
アルファベット索引をホバーすると該当文字の説明が横に現れる。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: reveal
149 items条件に一致する公開素材
Paperclip Attachment Lift
クリップの線画が持ち上がり、添付資料を示す小さなラベルが現れる。
Citation Footnote Bloom
記事の注釈番号をホバーすると、小さな書誌情報カードが横に開く引用リンク。
Ruby Note Reveal
見出しの上に小さな補足読み・英語ラベルが現れる。文字の読解を助けるホバー。
Form Hint Shelf
入力欄にホバー・フォーカスすると控えめな補助情報が下部の棚から現れる。
Arrow Pocket Release
小さなポケットに収まった矢印がスリットを通って外側へ進み、リンクの方向を示す。
Dot Matrix Baseline
リンクの文字下にドットが左右へ順番に現れ、読みやすさを保ちながら選択状態を伝える。
Polaroid Note Lift
写真プリントが少し回転して持ち上がると、下に隠れた撮影メモが顔を出す。
Topographic Photo Lines
風景サムネイルに地形図の等高線が重なり、ホバー時に画像の情報レイヤーを演出する。
Metric Donut Trace
実績カードの周囲に円形グラフが描かれ、数値の根拠に視線を集める。
Dotted Leader Directory
目次の項目とページ番号の間にドットリーダーが延び、見ている行を読み取りやすくする。
Code Token Annotation
コードの各単語にカーソルを乗せると、構文の役割を示す小さなラベルが浮かぶ。
Iris Shutter Badge
6枚の扇形シャッターが回転して開口部を作る、写真・ギャラリー向けのアイコン。
Typographic Side Index
記事リンクにホバーすると、大きな番号が横から滑り込み、見出しの区切り線が伸びる。
Film Contact Sheet
写真のホバーでコンタクトシートの縁とフィルム番号が現れる、作品一覧向けサムネイル。
Checkerboard Image Peel
9枚の小窓が順番に開き、背面の別配色のビジュアルを格子状に見せる。
Double Gate Reveal
ボタンの二枚のシャッターが上下に開き、中央のアクセント帯と矢印が現れる。
Editorial Reference Strip
事例カードの細い右端レールがホバーで開き、案件情報とカテゴリーが表示される。