Pure CSS written iphone7 and commonly used app ICONS.

All you can see is div+ CSS, without any images or font ICONS. Look at a map

That’s right, all you see is the CSS implementation,

Pure CSS implements the iphone7 model

Actually, this is a project I wrote when I was just graduating.

Because the PC side of the web development needs to achieve mobile preview effect, at that time handwritten iPhone model

I found a lot of projects like this when I was looking through the materials, and I wanted to do something different, so this project came into being.

At first, the iphone7 model was just implemented (2016). Later, with a little improvement, ICONS were added. All ICONS were implemented using CSS, you can open f12 to view elements.

About two pages of ICONS were added, and then the iPhone clock icon was implemented, and the clock time was also real time.

Later did not send in other platforms, just do their own play, today to share this out, love CSS3 students can communicate with each other

It is recommended to set the browser to 50% due to the resolution (ctry+ mouse wheel zoom out)

Click the Home button below to enter the icon interface oh

You can swipe left or right to switch ICONS

There is a link at the end

Pure CSS implements the iphone7 model