Project Receipt Pullout
実績カードの下から成果情報を記載したレシート風パネルが引き出される。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: slide
121 items条件に一致する公開素材
Stacked Destination Menu
ナビ項目の裏に重なった行き先ラベルがホバー時に段差を付けて現れる。
Ruby Note Reveal
見出しの上に小さな補足読み・英語ラベルが現れる。文字の読解を助けるホバー。
Parallel Arrow Rails
2本の平行レール上をアイコンがすれ違うように移動する、資料・詳細リンク向けボタン。
Tapered Ribbon Action
ボタンの両端にリボン状の折り返しが現れ、行動を促すラベルをすっきり強調。
Form Hint Shelf
入力欄にホバー・フォーカスすると控えめな補助情報が下部の棚から現れる。
SVG Paper Plane Trail
紙飛行機のSVGが曲線の軌道に沿って飛び、問い合わせ導線を印象付ける。
Arrow Pocket Release
小さなポケットに収まった矢印がスリットを通って外側へ進み、リンクの方向を示す。
Split Offset Headline
同じ見出しの上下半分が左右にずれ、文字を変更せずに奥行きのあるホバーを作る。
Exploded Feature Layers
製品を構成する3層のパネルが離れるように広がり、構造と名称を見せるカード。
Offset Hatch CTA
ホバーすると斜線入りのオフセット影がせり出し、ボタン本体の輪郭を強調する。
Axis Rail Menu
縦の座標軸に沿って短い横線がスライドし、選択中メニューを正確に指し示す。
Code Token Annotation
コードの各単語にカーソルを乗せると、構文の役割を示す小さなラベルが浮かぶ。
Typographic Side Index
記事リンクにホバーすると、大きな番号が横から滑り込み、見出しの区切り線が伸びる。
Alternating Word Window
横長の文字窓の中で英単語が縦に入れ替わる。見出しの幅を動かさずテキストを演出。
Editorial Reference Strip
事例カードの細い右端レールがホバーで開き、案件情報とカテゴリーが表示される。
Crosshair Navigation Mark
メニュー項目の四隅から短いクロスヘア線が入り、現在注目している項目を示す。
Specification Callout Rail
製品スペック一覧でホバー項目だけに左の色帯と補足単位が現れ、データを追いやすくする。