系统粉 > 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

相关资讯

最新热门应用

电脑问答