DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 讓人難以置信的純CSS3圖標
讓人難以置信的純CSS3圖標
編輯:CSS詳解     

盡管被批評為走火入魔,CSS3 癡迷者們仍然在嘗試實現各種基於純 CSS 的圖形與圖標設計,如果你看到本文介紹的這些精美圖標,你絕對不會相信它們完全是由 CSS3 代碼生成的。尤其是那套由 Louis Harboe 設計的 iOS 圖標,那麼微妙的色彩與紋理,真的難以置信。

  奧林匹克標志

  作者: Doug Neiner

  基於純 CSS,以 em 為單位,可動態調整尺寸,需要浏覽器支持 border-radius 屬性,目前支持的浏覽器包括 Chrome, Safari, Firefox 和 IE9。

  

 

  jQuery 標志

  作者: Doug Neiner

  這是大家最鐘愛的 JavaScript 框架 jQuery 的標志,使用 CSS3 的 border-radius 屬性。

  

 

  jQuery UI 標志

  作者: Doug Neiner

  這是 jQuery UI 庫的標志,同樣,基於 CSS3 的 border-radius 屬性。

  

 

  CCS 標志一宗

  作者: Justin Sepulveda

  全部基於純 CSS3 的 border-radius, gradIEnt, transform 屬性。

 

  Opera 標志

  作者: David DeSandro

  做得非常漂亮,大量使用了 border-radius, gradIEnt 屬性,不過在不同浏覽器顯示不太一致,尤其在 IE 中。

  

 

  iOS icons

  作者: Louis Harboe

  非常偉大的作品,使用了 CSS3 的高級功能。

  

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved