當(dāng)前位置：首頁(yè) > 前端技术 > CSS >内容正文

CSS

社会化图标html,[CSS]响应式社会化分享按钮

發(fā)布時(shí)間：2024/9/19 CSS 84 豆豆

生活随笔收集整理的這篇文章主要介紹了社会化图标html,[CSS]响应式社会化分享按钮小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

[CSS]響應(yīng)式社會(huì)化分享按鈕

6月 18, 2014

評(píng)論 (2)

Sponsor

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

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

使用教程

STEP1: 嵌入樣式表和JS文件

STEP2: 分享按鈕使用無(wú)序列表

...

兼容性

測(cè)試分辨率在140px – 15465px

IE9+

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

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

推薦：查看最受歡迎的 301 個(gè)設(shè)計(jì)網(wǎng)站 → http://hao.shejidaren.com

交流：為設(shè)計(jì)新人提供的設(shè)計(jì)交流群，請(qǐng)加入U(xiǎn)I設(shè)計(jì)交流群，分享經(jīng)驗(yàn)、接單、求職、聊設(shè)計(jì)。

贊助商鏈接

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

版權(quán)：除非注明，本站文章均為原創(chuàng)文章，轉(zhuǎn)載請(qǐng)聯(lián)系我們授權(quán)，否則禁止轉(zhuǎn)載。

唐哲浩 -

2014 年 06 月 22 日上午 1:15

它有幾個(gè)按鈕形式啊？就那么幾個(gè)么？

服裝品牌策劃 -

2014 年 06 月 21 日下午 12:33

這個(gè)效果很不錯(cuò)，有空拿去使用看看

{ 發(fā)表評(píng)論 }

姓名 (必填)

郵件 (必填)

網(wǎng) 站

與50位技術(shù)專(zhuān)家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。