Folded Route Glyph
紙を折るようなSVGアイコンがホバーで開き、進む方向を示す矢印に変わるミニアイコン。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: icon-arrow ／ 用途: cta
6 items条件に一致する公開素材
SVG Paper Plane Trail
紙飛行機のSVGが曲線の軌道に沿って飛び、問い合わせ導線を印象付ける。
Arrow Path Draw
矢印の線が順番に描かれ、リンク先を控えめに示すストローク演出。
Elastic Chevron
小さな矢印が伸び縮みして前進する、案内リンク向けのマイクロアニメーション。
Arrow Pass Through
丸い矢印アイコンが一度外へ抜け、反対側から現れるCTA演出。
Icon Quarter Turn
矢印アイコンを円形の中で90度回転させ、方向転換を示す演出。