Case Result Reveal
制作実績カードで成果数値をホバー時に下から展開する。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: card ／ 用途: portfolio
13 items条件に一致する公開素材
Material Sample Envelope
カタログの素材見本に触れると紙のスリーブから色見本が持ち上がり、材質名が表示されるカード。
Building Section Hotspots
建築案件カードにホバーすると、各階の役割と寸法線が図面のように現れる。
Palette Unfold Portfolio Card
作品紹介カードの下から配色チップとHEXコードが段階的に現れる、デザイン実績向けUI。
Project Receipt Pullout
実績カードの下から成果情報を記載したレシート風パネルが引き出される。
Editorial Reference Strip
事例カードの細い右端レールがホバーで開き、案件情報とカテゴリーが表示される。
Layered Project Index
ポートフォリオのプロジェクトカードがホバーで少しずれ、重なっていた番号札とカテゴリを見せる。
Layered Case Study Card
実績カードの背景パネルが横へずれ、写真と概要の奥行きを演出する立体ホバー。
Corner Number Lift
サービスカードの番号札が外へ持ち上がり、見出しラインが伸びる。
Stacked Card Layers
背面に重ねたカードが少しだけずれて現れる、コレクション向けの演出。
Card Spotlight
カード背景に柔らかなスポットライトが現れ、見出しとアクセント色が変化。
Card Elevation
カード全体がわずかに浮き、影が深くなるサービス一覧向けの演出。
Card Content Reveal
タイトルだけのカードから、説明テキストが下から現れる情報追加型ホバー。