Drop Cap Definition
見出しの頭文字が拡大して、小さな用語の定義が余白に表示される。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: scale
47 items条件に一致する公開素材
Split Gallery Expansion
2つの画像パネルの比率が変化し、右側の作品が主役になるギャラリー表現。
Liquid Ring Button
ボタン内の小さな円が背景全体に広がる水滴状のホバー。ブランドサイトに。
Range Control Glow
範囲スライダーに触れると周囲に光のガイドが現れ、調整可能なことを示すフォームUI。
Reticle Focus Icon
照準を合わせるように四隅のマーカーが中央に集まるアイコンホバー。
Studio Contact Print
写真作品にホバーすると暗室のコンタクトプリント風の余白と撮影番号が現れます。
Shield Check Reveal
セキュリティ確認用シールドアイコンがチェック状態に変わり、意味をテキストで補足するホバー。
Pricing Meter CTA
見積もりボタンをホバーすると下部の料金メーターが展開し、料金の目安を提示。
Notification Bell Echo
通知アイコンにホバーするとベルが揺れ、未読バッジがひろがる。動作はホバー時のみ。
Picture-in-Picture Material
商品画像の右上に素材の質感を拡大した小窓が現れ、ディテールを確認できるホバー。
Section Numeral Backdrop
見出しの背後に巨大なセクション番号が浮かび上がる、編集的なページ見出しのホバー。
Availability Profile Card
人物紹介カードのステータスドットが円環に広がり、対応可能な曜日をホバーで表示するプロフィールUI。
Margin Glyph Pop
段落末尾に隠れた装飾記号が飛び出し、記事リンクの余白を動きのアクセントに変える。
Radial Nav Backplate
ナビゲーション項目の左側から円形の背景が広がり、見出しを浮かび上がらせるホバー。
Removable Filter Tag
検索・絞り込み条件のチップにホバーすると削除用アイコンが現れ、操作対象が明確になります。
Quotation Margin Echo
お客様の声カードにホバーすると大きな引用符が現れ、引用テキストが整う。
Dotted Leader Directory
目次の項目とページ番号の間にドットリーダーが延び、見ている行を読み取りやすくする。
Punch Card Perforation
半券風のボタンの切り取り線がホバーで強調され、右側のチェックマークが浮かぶ。