Dual-Track Outline CTA
上下二本の線が逆方向へ走り、控えめながら輪郭が際立つ企業サイト向けボタン。
PRACTICAL WEB TIPS
Hover Effects
実際に動くWeb制作素材。プレビューで試して、HTML・CSSコードを確認できます。
使用対象から探す
ボタン・テキスト・画像など、実際に使う場所で分類しています。
適用中：使用対象: button ／ 動き: border
8 items条件に一致する公開素材
Corner Clasp CTA
四隅のコーナーフレームがホバーで広がり、小さな説明ラベルが現れる企業向けCTA。
Perimeter Trace CTA
四辺を走る細いラインがボタンの輪郭を順番に描く、落ち着いた資料請求CTA。
Punch Card Perforation
半券風のボタンの切り取り線がホバーで強調され、右側のチェックマークが浮かぶ。
Prism Edge CTA
ホバーした瞬間に多色の輪郭が巡る、落ち着いたダーク系CTA。通常時は控えめな細い枠です。
Corner Border Sweep
四隅から細い線が伸びて枠を完成させる、控えめなCTAホバー。
Underline Draw
中央から下線が伸びる。文字中心のデザインに適しています。
Inset Outline
内側のラインをゆっくり出現させて、押せることを伝えます。