纯html+css3 绘制iphone7 模型和常用app图标

纯css写的iphone7 和常用app图标。
你所能看到的都是div+css写出来,没用任何图片和字体图标。 
先看个图

对你没有看错，你所看到的全是css实现，
http://www.dreamwq.com:8001/html/iphone7/index.html
其实这个项目是刚毕业的时候写的一个项目，
因为PC端网页开发中需要实现手机预览效果，当时就手写了一个iphone模型
当时查看资料的时候就发现很多这样的项目，我就想做点儿不一样的，于是就有了这个项目。
刚开始只是实现了iphone7模型（2016年），后来随着一点点的完善，又增加了图标，所有的图标都是使用css实现，大家可以打开f12查看元素，
大概增加了两页的图标，随后又实现了当时iphone的时钟图标，时钟的时间也是真实时间。
后来也没有在别的平台发过，只是自己做着玩，今天把这个分享出来，有热爱css3的同学可以一起交流交流

 

 

因为分辨率的原因 建议把浏览器调成50%观看（ctry+鼠标滚轮缩小）
点击下面的Home键可以进入到图标界面哦
左右可以滑动切换图标
最后附个链接
http://www.dreamwq.com:8001/html/iphone7/index.html