美編免費素材系列-one-div,HTML+CSS3的LOGO小圖示網站

今天要介紹的這個網站,是相當的特別,是透過用HTML+CSS3做一些LOGO小圖示,然後在網站上面呈現,其實未來的趨勢會偏向全部都頃向以程式碼為主的架構,所以類似像這種的網站就是相當的方便,一起來看看!

one-div

首先我們來到網站,然後就可以看到許多的LOGO小圖示,

CSS3語法

比如我們隨便按一個HTML部分,就會出現HTML DIV的架構,

CSS3所做語法

然後按CSS,就會出現以CSS3寫出來架構LOGO圖示,

CSS3 logo

之後要用再寫網頁的話,就直接下載旁邊有一個ZIP格式,裡面就有原始碼和CSS的格式,之後就可以使用,當然現在CSS3還是支援比較先進的IE10,CHROME,等FIREFOX的瀏覽器,所以這個網站可以先留起來,等之後瀏覽器完全支援,我們就可以拿出來用! 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>