jQuery+CSS3仿苹果手机iPhone锁屏解锁代码 -JS/jQuery代码 -演示与下载 -时代Java

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及以下浏览器。

下载代码说明
X关闭

jQuery+CSS3仿苹果手机iPhone锁屏解锁代码

一款基于jQuery+CSS3实现的仿苹果手机iPhone锁屏解锁代码,非常逼真的苹果手机模型,控制鼠标滑动来实现手机解锁进入主界面,还带有动画特效。