Iris Shutter Badge
6枚の扇形シャッターが回転して開口部を作る、写真・ギャラリー向けのアイコン。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：動き: rotate
30 items条件に一致する公開素材
Woven Category Link
カテゴリーリンクの2本の斜線が織り込むように交差し、タグのアクセント模様になる。
Footer Link Fan
フッターのリンク群にホバーすると、三つのアイコンが扇状に開くコンパクトなSNSメニュー。
Icon Compass Focus
コンパス型SVGの外周目盛りがホバーで回転し、中央矢印だけが方向を示すアイコンリンク。
Orbit Dot CTA
丸いCTAにマウスを乗せると、小さなドットがボタンの外周を半周して矢印へ合流する演出。
Satellite Icon Badge
丸い機能アイコンの周囲に3つの小さな点が弧を描いて動き、視線を集める。
Meta Label Turn
記事のカテゴリーラベルがホバーで180度回転し、掲載情報に切り替わる。
Accordion Hover Cue
FAQの質問行をホバーで強調し、クリックで回答を開閉できる。
Stacked Card Layers
背面に重ねたカードが少しだけずれて現れる、コレクション向けの演出。
Perspective Photo Tilt
画像カードが遠近感を伴い少しだけ傾く、控えめな立体ホバー。
Icon Quarter Turn
矢印アイコンを円形の中で90度回転させ、方向転換を示す演出。
Tiny Tilt
わずかな回転で遊び心を加える。過度な動きにならない角度に調整。