Smashing Magazine CSS3 设计赛获奖作品

Smashing Magazine 为了激发 Web 设计者对 CSS3 的兴趣，上月组织了一次 CSS3
设计赛
，最终有 5 位设计师获奖，获奖作品体现了 CSS3 技巧的原创性与独特性，同时展示了 CSS3 的强大的功能，这些作品基于纯
CSS3 技术，并不借助 JavaScript 或其它技术。

第一名: CSS3 图表

CSS3 Charts [ 预
览
| 下
载
]

该设计试验了 CSS3 在图表方面的应用，不借助任何 JavaScript 和图片。用到了 CSS3 强大的选择器功能：nth-child
和 :target，同时用到了过渡，渐变等技术，由来自美国的 Sean Oh
设计。

第二名: CSS3 魔方

CSS3 Rubiks Cube [ 预
览
| 下
载
]

使用魔方实现导航，虽然在具体应用中体验未必好，但作为一种创意，可以用在作品展示类站点。用到了 CSS3 的过渡和渐变技巧。由来自意大利的 Francesco Benanti 与 Maicol
Zenatti
联合设计。

第三名: CSS3 3D

CSS3D [ 预
览
| 下
载
]

如果你有 3D 眼镜，可以看看这个 3D 效果，支持任意现代浏览器，甚至 iPhone，由来自荷兰的 simurai

设计。

第四名: CSS3 机器人

CSS3 Monsters Blob [ 预
览
| 下
载
]

使用纯 CSS3 设计的机器人，随着鼠标的移动，机器人的眼镜也在转动，由来自法国的 Sebastien Plaignaud
设计。

第五名: CSS3: 时间的裂缝

CSS3 A Rift in Time [ 预
览
| 下
载
]

CSS3 支持旋转，我们可以借以试验反传统的倾斜导航，由来自美国的 Maxwell Burton
设计。





本文国际来源：Smashing Magazine CSS3
Design Contest Results

中文翻译来源：锐商企业CMS
网站内容管理系统
官方网站