Case Result Reveal
制作実績カードで成果数値をホバー時に下から展開する。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: card ／ 動き: slide
21 items条件に一致する公開素材
Agenda Sidecar Detail
イベント案内カードで日付パネルが横に開き、会場と開始時間を表示するホバー。
Course Lesson Preview
講座カードをホバーすると、所要時間と3つのレッスン項目が現れる教育サイト向け演出です。
Warranty Slip Reveal
商品カードの下から保証・配送条件の明細が出現し、購入前の安心材料を提示します。
Assurance Checklist Panel
サービスのチェックポイントにホバーすると、左端の認証ラインと補足内容が順に開く信頼訴求カード。
Building Section Hotspots
建築案件カードにホバーすると、各階の役割と寸法線が図面のように現れる。
Layered Report Card
レポートの見出しを保ちながら、2枚のデータシートが少しずつずれて見える調査レポートカード。
Stacked Testimonial Sheets
お客様の声カードの背後にある紙が左右へずれ、複数のレビューがあることを示す演出。
Agenda Panel Elevation
イベントの日時カードにマウスを乗せると会場案内が下から現れ、詳細ページの入口を明確にします。
Project Receipt Pullout
実績カードの下から成果情報を記載したレシート風パネルが引き出される。
Exploded Feature Layers
製品を構成する3層のパネルが離れるように広がり、構造と名称を見せるカード。
Editorial Reference Strip
事例カードの細い右端レールがホバーで開き、案件情報とカテゴリーが表示される。
Layered Project Index
ポートフォリオのプロジェクトカードがホバーで少しずれ、重なっていた番号札とカテゴリを見せる。
Sidecar Service Details
サービス案内カードの右側に細い情報レールが展開し、関連分野・導線を明示する。
Layered Case Study Card
実績カードの背景パネルが横へずれ、写真と概要の奥行きを演出する立体ホバー。
Corner Number Lift
サービスカードの番号札が外へ持ち上がり、見出しラインが伸びる。
Service Detail Drawer
サービス一覧のカード下部から、詳細の要点が引き出しのように現れる。
Quote Card Accent
引用カードにマウスを乗せると引用符と署名ラインが強調される。