cssで作るシェアボタンのデザインパターンをたくさん考えてみました。とりあえずシェア数の表示がない、単純なボタンとして36種類あります。(色違いなども若干含みます。) 記述するhtmlはどれも同じようなものですが、一部微妙に異なるものもあります。基本的にはcssだけでデザインを決めています。アイコンフォントに関してもcssだけでほとんどやっていますが、そのコードは省略していますのでソースを見てください。 コピペでもだいたい使えると思いますが、それぞれ微調整が必要なものもあると思います。なのでコピペだけでなく自分のサイトに合わせて調整できるcss中級者以上向けですね。スマホ表示も考えてないし。(スマホで見ると崩れてるやんwと思う人はこの記事の対象外です。) というか、ローカルなhtmlで作っていたものをここにコピペしたらうまく動かないものやフォントが反映されていないものがありました。面倒なの
![cssで作るシェアボタンのデザインパターン36種類 - FOXISM](https://cdn-ak-scissors.b.st-hatena.com/image/square/b88bf8b99e1968fcaf2261fa061d8c368ec1427a/height=288;version=1;width=512/https%3A%2F%2Ffoxism.jp%2Fwp-content%2Fuploads%2F2020%2F12%2F20170423203925.png)