シェアボタン 20選

コピペで使えるSNSシェアボタン20種。X・Facebook・LINEの本番用シェアURLをコメント付きで収録し、並び定番からフローティング、演出リッチまでホバーの気持ちよさにこだわった実装集。

01. 丸アイコン横並びホバーでブランド色に塗り+浮き上がり
02. ラベル付きピル「ポスト」「シェア」の角丸ボタン
03. モノクロ→カラーホバーでブランド色+下線が伸びる
04. シェア数カウント付き数字が実績を語る2分割ボタン
05. アウトライン円→塗り中心から円が広がって塗りつぶし
06. 順にポップイン登場回転しながらスタッガー出現
07. 縦積みリスト型ラベル+矢印で行き先が明快
08. 展開FABクリックで扇状にアイコンが飛び出す
SHARE
09. 縦の追従レール記事ページの左端固定に最適
10. モバイル下部バースマホLPの画面下固定を想定
シェア
11. ホバーで横展開share→アイコン列がスルッと出現
12. 磁石ホバーカーソルにアイコンが吸い付く(JS)
この記事をシェア
13. スクロールで出現一定スクロールで下からスッと登場
SHARE

シェアして応援する

この記事が役に立ったら、SNSでの拡散が励みになります!

14. シェアして応援CTA記事末尾に置く一言添えカード
シェアありがとう!
15. ハートと星が弾けるクリックで祝福+お礼トースト
コピーしました
16. リンクコピーclipboard+吹き出しツールチップ
17. ネオン発光ダーク背景で光輪がにじむ
18. ネオブルータリズム黒縁ずれ影がガコッと沈む
19. 3D回転→チェッククリックでくるっと完了マークに
SHARE THIS PAGE
20. ガラスモーフィズム動くグラデ背景+すりガラスパネル