Service Tier Accordion Card
サービスカードの下部が展開し、選べるプランを見せるホバー。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: card ／ 用途: services
13 items条件に一致する公開素材
Process Map Card
3つの制作工程を結ぶラインが描かれ、各工程のラベルが浮かぶサービス説明カード。
Bento Feature Shift
ベン図風の3パネルがホバーで比率を変え、主役の機能を大きく見せるサービスカード。
Route Line Story Card
旅程カード内の2地点を結ぶ経路線がホバーで描画され、到着地点が強調される。
Sidecar Service Details
サービス案内カードの右側に細い情報レールが展開し、関連分野・導線を明示する。
Blueprint Grid Reveal
設計サービスカードの上に細いグリッドが現れ、プロジェクト図面を見るようなホバー表現。
Corner Number Lift
サービスカードの番号札が外へ持ち上がり、見出しラインが伸びる。
Service Detail Drawer
サービス一覧のカード下部から、詳細の要点が引き出しのように現れる。
Quote Card Accent
引用カードにマウスを乗せると引用符と署名ラインが強調される。
Stacked Card Layers
背面に重ねたカードが少しだけずれて現れる、コレクション向けの演出。
Card Spotlight
カード背景に柔らかなスポットライトが現れ、見出しとアクセント色が変化。
Card Elevation
カード全体がわずかに浮き、影が深くなるサービス一覧向けの演出。
Card Content Reveal
タイトルだけのカードから、説明テキストが下から現れる情報追加型ホバー。