正在阅读:哆啦A梦弱爆!来看看纯代码绘制的Nexus4哆啦A梦弱爆!来看看纯代码绘制的Nexus4

2013-07-02 17:50 出处:PConline原创 作者:Aimo 责任编辑:censi

  【PConline 资讯】相信不少人对那个纯CSS绘制的哆啦A梦有印象,的确在HTML5和CSS3出现之前,用代码绘画是一件相当不可思议的事情。不过,画个哆啦A梦远非现代Web代码的极限,有人甚至用Web代码画出了一部Google Nexus 4手机,仿真程度相当高。

还记得大明湖畔纯CSS的哆啦A梦么?
还记得大明湖畔纯CSS的哆啦A梦么?

现在纯代码的Nexus 4手机出现啦
现在纯代码的Nexus 4手机出现啦(点击查看

  这个Nexus 4手机使用HTML、CSS和JS代码实现,不仅外观做得很像,内在也做得相当不错。如果你的浏览器足够好,你就可以点击这部Nexus 4的拨号面板输入号码,也能够在通话记录、联系人的标签之间切换。据介绍,这个Nexus手机的标签功能使用了JS代码,其他地方都使用了CSS3编写。

拨号面板按上去也是有反应的!
拨号面板按上去也是有反应的!

  作者在页面上提供了源代码对比,懂行的朋友可以去研究研究。由于这个Nexus 4绘制所使用的代码相当先进,所以需要使用新型的浏览器才能够完美显示,各位朋友可以去试试自己的浏览器哦(点击进入)。

相关阅读:

Xbox负责人离职 曾怒骂玩家和零售商?

//pcedu.pconline.com.cn/336/3366061.html

余额宝不会暂停!支付宝正在为余额宝备案

//pcedu.pconline.com.cn/336/3365361.html

GoogleGlass再度迎来更新 新添更多功能

//pcedu.pconline.com.cn/336/3365323.html

Google Reader正式宣布关闭 还能导数据

//pcedu.pconline.com.cn/336/3365270.html

 

关注我们

最新资讯离线随时看 聊天吐槽赢奖品