以前實現按鈕一般都是用來實現的，特別是一些擁有質感的按鈕，今天練習了一些相關方面的的例子，用css3來實現social media buttons
html**如下
複製**
**如下:
css**如下
複製**
**如下:
* .outset-colored
.outset-colored ul
.outset-colored li
.outset-colored li a
.outset-www.cppcns.comcolored li a img
.outset-colored li a span
span.site
.outset-colored li a.email
.outset-colored li a:hover.email
.outset-colored li a.linkedin
.outset-colored li a:hover.linkedin
.outset-colored li a.facebook
.outset-colored li a:hover.facebook
.outset-colored li a.twitter
.outset-colored li a:hover.twitter
.outset-colored li a.flickr
.outset-colored li a:hover.flickr
在firefox和chrome中預覽如下：
在ie9中預覽效果：
在ie6/7/8中預覽效果如下：
本文標題: 用css3來實現社交分享按鈕
本文位址:
用CSS3來代替JS實現互動
css3和js 對於css了解的同學都知道，css的實現是最底層的，在實現方式和效能上都不是，js這種提供介面的指令碼可比的 從css3的動畫和js動畫對比角度來看兩者，會更清晰 而且隨著前端框架的使用，頁面動畫會越來越多的應用css3 css3的其他用法 除了動畫的代替，還有就是對於各種互動的實現...
css3實現頂部社會化分享按鈕示例
今天要分享一款純css3實現的社會化分享按鈕，它放置在網頁的頂部，你可以選擇將它固定在網頁頂部，這樣對使用者分享內容就十分方便。這些社會化分享按鈕的圖示檔案來自google和bootstrap的字型檔案，包含了個大社交 的logo圖示，可以先來看看效果圖 html結構 複製 如下 這裡主要是利用了u...
用CSS3來製作倒影（box reflect）
有一句話說的好 橫看成嶺側成峰，遠近高低各不同 有些時候，我們需要從不同的角度去欣賞mm，如下圖 在早期，要實現這種效果，我們只能乖乖的找設計去製作，然後在頁面上插入一張，但是隨著css3的出現，我們可以純 實現，如何實現呢？就是通過css3的box reflect屬性。相容性 接下來，我們來了解b...