Product Material Swatch
商品紹介カードの素材サンプルがホバーでめくれ、裏面に質感や材質を表示します。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: card ／ 動き: reveal
27 items条件に一致する公開素材
Quotation Margin Echo
お客様の声カードにホバーすると大きな引用符が現れ、引用テキストが整う。
Project Receipt Pullout
実績カードの下から成果情報を記載したレシート風パネルが引き出される。
Metric Donut Trace
実績カードの周囲に円形グラフが描かれ、数値の根拠に視線を集める。
Editorial Reference Strip
事例カードの細い右端レールがホバーで開き、案件情報とカテゴリーが表示される。
Sidecar Service Details
サービス案内カードの右側に細い情報レールが展開し、関連分野・導線を明示する。
Blueprint Grid Reveal
設計サービスカードの上に細いグリッドが現れ、プロジェクト図面を見るようなホバー表現。
Service Detail Drawer
サービス一覧のカード下部から、詳細の要点が引き出しのように現れる。
Card Content Reveal
タイトルだけのカードから、説明テキストが下から現れる情報追加型ホバー。