Chromatic Product Glitch
商品写真の色チャンネルがホバーで短くずれ、鮮やかな輪郭に収束する。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：用途: product
10 items条件に一致する公開素材
Color Lab Sample Scan
素材見本の半透明な色版が移動し、ベース素材と仕上げ色を比較できるホバー。
Warranty Slip Reveal
商品カードの下から保証・配送条件の明細が出現し、購入前の安心材料を提示します。
Macro Detail Band
商品写真の中央にだけ拡大した細部を重ねるホバー。素材や質感の紹介に。
Material Sample Envelope
カタログの素材見本に触れると紙のスリーブから色見本が持ち上がり、材質名が表示されるカード。
Product Material Swatch
商品紹介カードの素材サンプルがホバーでめくれ、裏面に質感や材質を表示します。
Exploded Feature Layers
製品を構成する3層のパネルが離れるように広がり、構造と名称を見せるカード。
Tabbed Specification Panel
クリックで実際にタブ内容が切り替わる、ホバー強調付きの製品仕様パネル。
Product Color Swatches
カラー選択チップをホバーで強調し、選択中の商品の色を変える。
Alternate Product Photo
商品カードのホバーで正面写真から角度違いの写真へ自然に切り替える。