當前位置:係統粉 >   IT資訊 >   微軟資訊 >  快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架

時間:2017-12-15 來源:互聯網 瀏覽量:

Metro-UI-CSS

Metro UI風格是國外一個設計師從地鐵的廣告牌裏得到的靈感,win8、win10開始就逆天的使用了。

多餘的小編就不多介紹了,可以在文章評論裏吐槽一番。

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(1)

在前端大神手中,出現了metro ui風格的網絡雲盤這之類的界麵,這兒有個開源的metro ui桌麵。

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(2)

是不是很像?

今天,我介紹的是Metro-UI-CSS:更加自由更加帥的ui框架。

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(3)

它不是Metro風格的桌麵,而是一個框架,你可以設計成各種Metro的網站

下載後,我們隻需要這些文件:

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(4)

一個入門例子:

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(5)

運行結果:

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(6)

精簡啊!

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(7)

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(8)

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(9)

就介紹這麼多,文件已分享進群。

快速get新技巧:Metro-UI-CSS——高仿windows風格的ui框架(10)

進“PHP興趣小組 572085417”,贈送學習資料。群主在線解答問題。

我要分享:

最新熱門遊戲

版權信息

Copyright @ 2011 係統粉 版權聲明 最新發布內容 網站導航