Опробуйте iPhone 4 на чистом CSS3

8

1246567446_1246495269_pic_id243413

Эксперт HTML5 и CSS, Василий Зубач, представил очень симпатичное изображение iPhone 4, созданное с использованием CSS3. Как правило, это означает отсутствие картинок как таковых, вся модель телефона создана только кодом.

Вы можете проделать следующее:

1. Разблокировать телефон привычным методом.

2. Выключить с помощью кнопки Power наверху.

3. Вернуть все как было с помощью кнопки Home.

Никаких картинок, SVG, ничего, только 3395 линий CSS кода и 335 линий Javascript (с JQuery, конечно). Лучше всего смотрится на последней версии Safari и Chrome на Mac OS X.

Попробуйте здесь.

Источник: tipb.com

8 комментариев

  1. 0
    AppleInsider

    Забыли исправить косолапость

    > … линий
    строк

  2. 0

    Шляпа какая-то.
    Вы бы ещё публикацию с одним изображением iPhonа здесь опубликовали

  3. 0

    Читайте обзор и смотрите в исходники:
    http://habrahabr.ru/blogs/webdev/135349/
    Изображения фактически не используются.

  4. 0

    По скорости работы прям как китайфон)

  5. 0
    Сергей Кокс

    Бессмысленно, но круто.)

  6. 0

    Парень маньяк адовый, на хабре ему уже нимб нарисовали ) круто сделал

Авторизуйтесь Чтобы оставить комментарий