March 15, 2026
Mac OS X Lion Recreated With CSS3

Mac OS X Lion Recreated With CSS3

Posted January 24, 2012 at 7:24pm by
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]


Mac OS X Lion Recreated With CSS3

Mac OS X Lion Recreated With CSS3

Mac OS X Lion Recreated With CSS3
Add Comment
Would you like to be notified when someone replies or adds a new comment?
Yes (All Threads)
Yes (This Thread Only)
No
iClarified Icon
Notifications
Would you like to be notified when we post a new Apple news article or tutorial?
Yes
No
Comments (2)
Comments are closed for this article.
bba01
bba01 - January 26, 2012 at 10:02am
This CSS3 recreation of the Mac OS X Lion interface is quite impressive.
Sakhr
Sakhr - January 26, 2013 at 6:34pm
Thank you Mr.BluxArt for your ideas and for sharing this impressive CSS3 project!
Recent. Read the latest Apple News.
RECENT
Tutorials. Help is here.
TUTORIALS
Where to Download macOS Tahoe
Where to Download HomePod Firmware Files From
AppleTV Firmware Download Locations
Where To Download iPad Firmware Files From
Where To Download iPhone Firmware Files From
Deals. Save on Apple devices and accessories.
DEALS