iPhone 4 in pure CSS3!
tjrus
00:00
0:00
Message
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
Notes
✔
✔
✔
23o
📞
a
b
c
d
e
f
b
c
d
e
f
1
2
3
Description:
This rendering of iPhone 4 and its icons was made in pure CSS3.
No images, no base64, no SVG, no canvas, just 3395 lines of CSS code and 335 lines of Javascript code (with jQuery, of course).
Viewed best with the latest versions of Safari and Chrome in Mac OS X.
iPhone controls:
You can do next things with this iPhone:
- Slide the slider (2) to unlock when it's locked;
- Turn it off using the Power button (1) on the top;
- Turn it back on using the Power or Home (3) button;