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

2017-10-16 08:44:35 来源/作者:梦想天空 / 情非得已 己被围观:

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

1. Beercamp

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

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

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教程,

标签(TAG)网页设计   CSS网站

分享到:0