2012年排名前20位的CSS网站作品欣赏

2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你有收藏更好的作品,欢迎留言向大家分享。

1. Beercamp

这个啤酒节的活动网站充分应用了 3D CSS Transform 技术,充满立体感的旋转和折叠效果。

2012年排名前20位的CSS网站作品,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,

2. Spelltower

Spelltower 不仅是一个令人上瘾的游戏,它也有一个网站,充满乐趣和个性。

使用的俏皮动画和过渡效果,让你想抓住一个 iPhone 并启动游戏。

2012年排名前20位的CSS网站作品,PS教程,

3. Envy Labs

Envy Labs 的其中一个标语是“我们创造的乐趣”。采用CSS3 Transform 和 Transition 呈现一个很有趣的旋转木马!

2012年排名前20位的CSS网站作品,PS教程,

4. Fine Goods

这个可爱的网站组合使用各种 CSS 属性实现个性的设计。价格标签会旋转变换和动画,抽屉形式的导航个性十足,甚至会让你大吃一惊。

2012年排名前20位的CSS网站作品,PS教程,

5. Mammoth Booth

微妙的动画,外加一些打孔的插图,转换和边框阴影让图片带给人们真实照片的感觉。

2012年排名前20位的CSS网站作品,PS教程,

6. Postable

由 Kevin Kneifel 开发的 Web 应用程序,充满特色。聪明的悬停和过渡相结合,有趣插图让网站能够吸引用户

2012年排名前20位的CSS网站作品,PS教程,

7. Lift Interactive

这个网站在互动方面做了非常了不起的工作,保持良好的设计和使用各种效果兼顾得很好。

我最喜欢的是书本上的3D转换效果,鼠标悬停的时候增添了一丝的惊喜。

2012年排名前20位的CSS网站作品,PS教程,

8. Impress a Penguin

很可爱的企鹅,创新的设计带给用户良好的故事阅读体验。

2012年排名前20位的CSS网站作品,PS教程,

9. Microsoft

Paravel 为微软设计了一个全新的主页,这个网站最大的特色在于响应式设计。

2012年排名前20位的CSS网站作品,PS教程,

10. Stuff & Nonsense

这个太搞了,极具创意的响应式设计!缩小浏览器窗口浏览试试,有惊喜哦!

2012年排名前20位的CSS网站作品,PS教程,