История мышек Apple воссоздана в CSS

История мышек Apple воссоздана в CSS

Канадский веб-дизайнер создал мышки Apple в виде каскадных таблиц стилей CSS

23.12.13 в 22:00
Источники: www.webdesignerdepot.com
История мышек Apple воссоздана в CSS

Мышки Apple это маленькое произведение искусства, которое менялось с течением времени, постоянно совершенствуясь. Джошуа Бадер (Joshua Bader), дизайнер и разработчик из Торонто, воссоздал мышки Apple с помощью CSS.

1/1

Мышки Apple в CSSМышки Apple в CSSМышки Apple в CSSМышки Apple в CSSМышки Apple в CSSМышки Apple в CSSМышки Apple в CSSМышки Apple в CSS

Создавать комлексные объекты на чистом CSS бывает очень сложно и кроме создания самих мышек Джошуа также сделал красивую анимацию при их переключении. Прощелкивая между мышками мы можем с ностальгией смотреть на старые, уже не продающиеся модели и наглядно проследить за их изменениями. Каждая мышь Apple содержит логотип Apple, который менял свое расположение и размер, но обязательно присутствует на корпусе устройства.

Есть и еще одно сходство между всеми мышками — они созданы лишь с 1 кнопкой. По задумке разработчиков Apple одной кнопкой будет проще пользоваться, чем множеством. Дизайн Magic Mouse в оригинале имеет не совсем такой корпус, ее края несколько изогнуты по кривой. Не смотря на это, Джошуа проделал действительно большую работу и каждый, кто имеет навыки работы с CSS и HTML может посмотреть исходный код мышек на сайте Code Open.