July 26, 2026
iPhone 5 Created With Just CSS3 [Image]

iPhone 5 Created With Just CSS3 [Image]

Posted October 3, 2012 at 7:33pm by
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]
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 (9)
Comments are closed for this article.
tina
tina - October 4, 2012 at 8:39pm
Camera is missing at the back....
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!
Guest
Guest - October 4, 2012 at 12:26am
the home button is messed up!! ;) nice work
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.
Derp
Derp - October 3, 2012 at 11:21pm
Amazing....thx for the source code
nono09
nono09 - October 3, 2012 at 9:09pm
must be a slow news day in the apple world
PunkyPurple
PunkyPurple - October 3, 2012 at 10:46pm
Dude, do you understand that this is done entirely in CSS3 code? Let's see you create something in CSS3.
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.
Sim
Sim - October 3, 2012 at 7:47pm
A true representation should include scuffs ...
Recent. Read the latest Apple News.
RECENT
Tutorials. Help is here.
TUTORIALS
Deals. Save on Apple devices and accessories.
DEALS