April 19, 2024
iPhone 5 Created With Just CSS3 [Image]

iPhone 5 Created With Just CSS3 [Image]

Posted October 3, 2012 at 7:33pm by iClarified
Matt Boldt has created the iPhone 5 with just CSS3 code.

Check out the final result at the link below or take a look at the source code here.

Read More [via Loop]



iPhone 5 Created With Just CSS3 [Image]
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)
No
iClarified Icon
Notifications
Would you like to be notified when we post a new Apple news article or tutorial?
Yes
No
Comments (10)
You must login or register to add a comment...
Add Comment
tina
tina - October 4, 2012 at 8:39pm
Camera is missing at the back....
Reply · Like
Derp
Derp - October 4, 2012 at 8:23pm
Cool story bro...now get back to the kitchen
Reply · Like
chaitanya
chaitanya - October 4, 2012 at 6:10am
even though I'm an Android fan, I appreciate the stunning work you have pulled off CSS3. Great job!! Cheers!
Reply · Like
#1 HATER
#1 HATER - October 4, 2012 at 12:26am
the home button is messed up!! ;) nice work
Reply · Like
Matt Boldt
Matt Boldt - October 3, 2012 at 11:44pm
Matt Boldt here, and I must say I'm floored by the attention this got. I added a couple things to the page. This is not only a CSS rendering of the iPhone, but it is only using 1 HTML tag. Cheers, guys.
Reply · Like
Derp
Derp - October 3, 2012 at 11:21pm
Amazing....thx for the source code
Reply · Like
nono09
nono09 - October 3, 2012 at 9:09pm
must be a slow news day in the apple world
Reply · Like
PunkyPurple
PunkyPurple - October 3, 2012 at 10:46pm
Dude, do you understand that this is done entirely in CSS3 code. Let's see create a dipstick in CSS3. Oh, wait, you don't have to. You're already a dipstick.
Reply · Like
Jerome
Jerome - October 3, 2012 at 8:01pm
I hope Matt will win against Samsung. Be like Matt picture is reason why I have the iPhone 5. Hoooo!!!! Thank the goodness It has an ATP correction for her spelling.
Reply · Like
Sim
Sim - October 3, 2012 at 7:47pm
A true representation should include scuffs ...
Reply · Like
Recent. Read the latest Apple News.
RECENT
DJI Introduces Its Own Portable Power Stations [Video]
DJI Introduces Its Own Portable Power Stations [Video]
Apple to Revamp Calculator App for macOS 15 [Rumor]
Apple to Revamp Calculator App for macOS 15 [Rumor]
Apple Removes WhatsApp and Threads From App Store in China
Apple Removes WhatsApp and Threads From App Store in China
Display Cover Glass for New HomePod Allegedly Leaked
Display Cover Glass for New HomePod Allegedly Leaked
Apple Mystery Thriller 'Sunny' Starring Rashida Jones Will Premiere July 10
Apple Mystery Thriller 'Sunny' Starring Rashida Jones Will Premiere July 10
More News
Tutorials. Help is here.
TUTORIALS
Where to Download macOS Monterey
Where to Download macOS Ventura
AppleTV Firmware Download Locations
Where To Download iPad Firmware Files From
Where To Download iPhone Firmware Files From
More Tutorials
Deals. Save on Apple devices and accessories.
DEALS
New 15-inch M3 MacBook Air On Sale for $149.01 Off! [Lowest Price Ever]
New 15-inch M3 MacBook Air On Sale for $149.01 Off! [Lowest Price Ever]
Apple 96W USB-C Power Adapter On Sale for 49% Off [Deal]
Apple 96W USB-C Power Adapter On Sale for 49% Off [Deal]
T-Mobile Offers Free Blink Security Camera System With 5G Home or Small Business Internet
T-Mobile Offers Free Blink Security Camera System With 5G Home or Small Business Internet
AirPods Pro 2 With USB-C On Sale for $189! [Deal]
AirPods Pro 2 With USB-C On Sale for $189! [Deal]
iPad Mini 6 On Sale for Just $375! [Lowest Price Ever]
iPad Mini 6 On Sale for Just $375! [Lowest Price Ever]
More Deals