Mac OS X Lion Recreated With CSS3

Posted January 24, 2012 at 7:24pm by iClarified | Please help us and submit a translation by clicking here | 15093 views

Alessio Atzeni, a web designer and front-end developer from Rome has recreated the Mac OS X Lion boot, login, and desktop screens in pure CSS3, reports BeautifulPixels.

The project, available here, begins with the OS X boot screen and then brings you to the login screen. Once you enter the password (which is 'admin') you are taken to the desktop. The desktop features draggable windows, menu items and even buttons. Unless absolutely necessary (like user icons and backgrounds), Alessio has not used images at all. Everything you see in the project has been created via CSS3 properties.

Atzeni notes that this is only the first version and still missing several features that he will implement in the next release.

Check it out at the link below...

View More [via BeautifulPixels]






Share
Add Comment
Sakhr - January 26, 2013 at 6:37pm
Hey, Here is a copy of the source code until Mr.BluxArt gives us the demo original files ;) Link : http://www.4shared.com/zip/gdOb3AO8/Mac-OS-X-Lion-UI-CSS3.html thank you Mr.BluxArt for your ideas and invent ! Sakhr;
Big Black Azz - January 26, 2012 at 10:02am
Sounds not very legit to me...
Sakhr - January 26, 2013 at 6:34pm
Hey, Here is a copy of the source code until Mr.BluxArt gives us the demo original files ;) Link : 4shared[dot]com[Slash]zip/gdOb3AO8/Mac-OS-X-Lion-UI-CSS3.html thank you Mr.BluxArt for your ideas and invent ! Sakhr;
Follow iClarified
New York Film Festival to Screen 'Steve Jobs' Movie on October 3rd
The Steve Jobs movie, written by Aaron Sorkin...
Alympus Tweak Brings New App Switcher, Music Player, Toggles Screen to iOS
Apple Music May Already Have 10 Million Subscribers
Apple Music has reportedly attracted more tha...
T-Mobile Announces Free Swap to iPhone 6s for iPhone 6 Buyers, Free Apple Music Streaming
Motorola Announces New Moto G, Moto X Play, and Moto X Style Smartphones [Video]