November 17, 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
Apple is Preparing to Launch a New AirTag [Gurman]
Apple is Preparing to Launch a New AirTag [Gurman]
Silo Season 2 Now Streaming on Apple TV+ [Video]
Silo Season 2 Now Streaming on Apple TV+ [Video]
Apple Shares New Apple Pay Ad: 'Plates' [Video]
Apple Shares New Apple Pay Ad: 'Plates' [Video]
New M4 MacBook Pro Display Features Quantum Dot Technology
New M4 MacBook Pro Display Features Quantum Dot Technology
ChatGPT for Mac Now Works With Apps Like Xcode, Terminal, More [Video]
ChatGPT for Mac Now Works With Apps Like Xcode, Terminal, More [Video]
More News
Tutorials. Help is here.
TUTORIALS
Where to Download macOS Sonoma
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
Apple 13-inch M3 MacBook Air (16GB RAM) On Sale for $200 Off! [Lowest Price Ever]
Apple 13-inch M3 MacBook Air (16GB RAM) On Sale for $200 Off! [Lowest Price Ever]
New 24-inch M4 iMac On Sale for $149 Off! [Lowest Price Ever]
New 24-inch M4 iMac On Sale for $149 Off! [Lowest Price Ever]
New 14-inch M4 MacBook Pro On Sale for $125 Off [Lowest Price Ever]
New 14-inch M4 MacBook Pro On Sale for $125 Off [Lowest Price Ever]
Apple AirPods 3 On Sale for $94! [Lowest Price Ever]
Apple AirPods 3 On Sale for $94! [Lowest Price Ever]
Apple AirTag 4-Pack On Sale for $69.99 [Lowest Price Ever]
Apple AirTag 4-Pack On Sale for $69.99 [Lowest Price Ever]
More Deals