Mac OS X Lion Recreated With CSS3

POST

MAIL

Posted January 24, 2012 at 7:24pm by iClarified

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]

Follow iClarified

Add Comment

Would you like to be notified when someone replies or adds a new comment?

Yes (All Threads)

Yes (This Thread Only)

Notifications

Would you like to be notified when we post a new Apple news article or tutorial?

Yes

Comments (2)

You must login or register to add a comment...

Add Comment

bba01 - January 26, 2012 at 10:02am

Sounds not very legit to me...

Reply · Like

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;

Reply · Like

Recent. Read the latest Apple News.

RECENT

Facebook Announces Passkey Support on iOS and Android

iPhone 18 Pro Models to Feature Under-Display Face ID, Keep Same Display Sizes [Rumor]

Apple Still Finalizing Key Parts of Its Foldable iPhone [Kuo]

Apple Shares New Shot on iPhone Film: 'Big Man' [Video]

Apple Shares New Apple Arcade Ad: 'Hold That Train!' [Video]

More News

Tutorials. Help is here.

TUTORIALS