当前位置:系统粉 >   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 系统粉 版权声明 最新发布内容 网站导航