Split-Pill Direction CTA
左右に分かれたピル形ボタンがホバー時に展開し、行き先を示す矢印が前へ移動します。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: button ／ 用途: navigation
5 items条件に一致する公開素材
Parallel Arrow Rails
2本の平行レール上をアイコンがすれ違うように移動する、資料・詳細リンク向けボタン。
Twin Arrow Exchange
ボタンの前後に置いた2本の矢印が入れ替わり、次のページへ進む動きを視覚的に伝える。
Corner Border Sweep
四隅から細い線が伸びて枠を完成させる、控えめなCTAホバー。
Underline Draw
中央から下線が伸びる。文字中心のデザインに適しています。