cssで作るシェアボタンのデザインパターンをたくさん考えてみました。とりあえずシェア数の表示がない、単純なボタンとして36種類あります。（色違いなども若干含みます。） 記述するhtmlはどれも同じようなものですが、一部微妙に異なるものもあります。基本的にはcssだけでデザインを決めています。アイコンフォントに関してもcssだけでほとんどやっていますが、そのコードは省略していますのでソースを見てください。 コピペでもだいたい使えると思いますが、それぞれ微調整が必要なものもあると思います。なのでコピペだけでなく自分のサイトに合わせて調整できるcss中級者以上向けですね。スマホ表示も考えてないし。（スマホで見ると崩れてるやんwと思う人はこの記事の対象外です。） というか、ローカルなhtmlで作っていたものをここにコピペしたらうまく動かないものやフォントが反映されていないものがありました。面倒なの

1993年、高知県生まれ。早稲田大学商学部卒業。 大学卒業後、新卒フリーランスのブロガーとして生計を立てる。月100万円以上売り上げたものの、お金以外の働く目的を見失って鬱状態に。自分自身が本当にやりたいことを見つけるために、書籍を100冊以上読み、セミナーに300万円分参加。 その後、株式会社ジコリカイを創業。「1つ受けるだけでやりたいことが見つける講座を作りたい！」という想いから、3ヶ月10STEPでやりたいこと探しを終わらせる「自己理解プログラム」を提供。そのノウハウを書籍化した『世界一やさしい「やりたいこと」の見つけ方』は中田敦彦のYouTube大学での紹介され、30万部を突破。世界中に本物の自己理解教育を広げるために活動を続けている。 ■著書「世界一やさしい「やりたいこと」の見つけ方」