IPhone如何在纯CSS中发展

iPhone timeline

你有最喜欢的iPhone型号吗?

随着最近的公告IPhone 6,苹果和科技爱好者都在争先恐后地获得第一批。幸运的是,保险公司Protect Your Bubble决定采取这一措施回顾一下iPhone的演变从2007年开始。(是的,你必须首先看广告,但我们认为这绝对值得等待。)

包括从iPhone 2G到iPhone 6的所有型号,时间表提供了多年来产品开发的迷人外观。并且它突出了那个时期的另一个大机会 - 现在你可以使用纯CSS来创建Web图像。

“CSS已经发展到包含越来越多的功能,”开发人员Stephen Griffin解释道。 “这些现在包括应用圆角,创建颜色渐变的能力,以及在Chrome和Firefox等现代浏览器中,旋转,缩放甚至添加模糊和其他滤镜效果的能力。

“iPhone时间表片段利用这些CSS功能创建纯粹代码的插图。没有使用任何图像来重新创建每个iPhone,只使用纯粹用CSS设计的空白HTML元素。”我们认为滚动效果很漂亮 - 看一下时间线为自己。

iPhone timeline

iPhone timeline

iPhone timeline

你最喜欢哪款iPhone?在下面的评论框中分享您的回忆!



翻译字数超限