Stacked Testimonial Sheets
お客様の声カードの背後にある紙が左右へずれ、複数のレビューがあることを示す演出。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: card
43 items条件に一致する公開素材
Foldout Benefits Ticket
サービスカードの折り返し部分が開いて3つの提供内容を見せる、特徴紹介向けホバー。
Orbiting Benefit Notes
中心のサービス名の周囲に、3つの特徴ラベルがホバーで展開する紹介カード。
Palette Unfold Portfolio Card
作品紹介カードの下から配色チップとHEXコードが段階的に現れる、デザイン実績向けUI。
Agenda Panel Elevation
イベントの日時カードにマウスを乗せると会場案内が下から現れ、詳細ページの入口を明確にします。
Product Material Swatch
商品紹介カードの素材サンプルがホバーでめくれ、裏面に質感や材質を表示します。
Quotation Margin Echo
お客様の声カードにホバーすると大きな引用符が現れ、引用テキストが整う。
Project Receipt Pullout
実績カードの下から成果情報を記載したレシート風パネルが引き出される。
Bento Feature Shift
ベン図風の3パネルがホバーで比率を変え、主役の機能を大きく見せるサービスカード。
Milestone Stat Ladder
指標カードの3つの数字が順番に持ち上がり、企業実績のまとまりを見せる。
Exploded Feature Layers
製品を構成する3層のパネルが離れるように広がり、構造と名称を見せるカード。
Metric Donut Trace
実績カードの周囲に円形グラフが描かれ、数値の根拠に視線を集める。
Route Line Story Card
旅程カード内の2地点を結ぶ経路線がホバーで描画され、到着地点が強調される。
Editorial Reference Strip
事例カードの細い右端レールがホバーで開き、案件情報とカテゴリーが表示される。
Layered Project Index
ポートフォリオのプロジェクトカードがホバーで少しずれ、重なっていた番号札とカテゴリを見せる。
Sidecar Service Details
サービス案内カードの右側に細い情報レールが展開し、関連分野・導線を明示する。
Layered Case Study Card
実績カードの背景パネルが横へずれ、写真と概要の奥行きを演出する立体ホバー。
Blueprint Grid Reveal
設計サービスカードの上に細いグリッドが現れ、プロジェクト図面を見るようなホバー表現。