cssで作るシェアボタンのデザインパターン36種類 - FOXISM

テクノロジーカテゴリーの変更を依頼記事元:

foxism.jp

238 usersがブックマークコメント

コメント

25

記事へのコメント25件

注目コメント
新着コメント

gayou 今時スマホからのアクセスが多いのに、スマホではダメなデザインパターン。

css3

2017/04/24 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

cssで作るシェアボタンのデザインパターン36種類 - FOXISM

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

ブックマークしたユーザー

djrkmrym2019/01/14
kurin-3332018/08/12
gattolibero2018/03/11
ta875232017/11/17
kimix2017/10/05
kajikichi2017/08/25
SHUnoTORI2017/07/23
kmartinis2017/07/21
zyun11092017/05/17
yomogi2017/05/04
cha-cha-ki2017/05/04
clavier2017/05/02
charun2017/04/30
MonkeyxMonkey2017/04/28
s084392017/04/27
makita102017/04/26
kozura2017/04/26
webcenter2017/04/26

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx