係統粉 > IT資訊 > 微軟資訊

快速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”,贈送學習資料。群主在線解答問題。

上一篇:win10係統電腦開不了機一直轉圈圈如何解決 下一篇:雷軍本命年: 24歲微軟, 36歲YY, 48歲小米重生衝IPO

相關資訊

最新熱門應用

電腦問答