[CSS]響應式社會化分享按鈕

6月 18, 2014

評論 (2)

Sponsor

目前很多網站都使用了社會化分享按鈕，即使是一個簡單的專題頁都會使用上，所以這里分享大家一個響應式社會化分享按鈕(RRSSB)代碼，即使用在手機端也得到很好的顯示效果。

RRSSB使用SASS編寫，所以你可以很方便的改里面的樣式。下面是使用方法：

使用教程

STEP1: 嵌入樣式表和JS文件

STEP2: 分享按鈕使用無序列表

• 編寫，然后加上.rrssb-buttons樣式
  • ...
  • ...

...

...

兼容性

測試分辨率在140px – 15465px

IE9+

其它流行的瀏覽器(Firefox, Chrome, Safari, Opera等…)

在線演示 | 下載地址(Github)

推薦：查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com

交流：為設計新人提供的設計交流群，請加入UI設計交流群，分享經驗、接單、求職、聊設計。

贊助商鏈接

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。

版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。

唐哲浩 -

2014 年 06 月 22 日 上午 1:15

它有幾個按鈕形式啊？就那么幾個么？

服裝品牌策劃 -

2014 年 06 月 21 日 下午 12:33

這個效果很不錯，有空拿去使用看看

{ 發表評論 }

姓 名 (必填)

郵 件 (必填)

網 站

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的社会化图标html,[CSS]响应式社会化分享按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。