iPhone4 on pure CSS3!

tjrus
00:00
0:00
Message
Calendar
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
Clock
Notes
Reminders
Mail






































App Store






Videos

YouTube
Calculator






































iTunes
















Stocks
Voice Memos


















23o
Weather
📞
Phone











a
b
c
d
e
f
Contacts
Camera
Music
1
2
3


Description:

This iPhone4 and it's icons was rendered in nothing but CSS3.

No images, no base64, no SVG, no canvas just 3395 lines of CSS code, 335 lines of JavaScrip code (with jQuery of course).

Viewed best in latest Safari or Chrome in MacOS.

iPhone controls:

To control this iPhone you can use it's own buttons ("power button" and "home button") and slider (on the "lock screen"):

  1. Turn on/off;
  2. Slide to unlock (on the lock screen);
  3. Turn on the iPhone if it's turned off;

适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

来源:A5源码