Smashing Magazine CSS3设计赛获奖作品赏析
2010-07-15 17:09:52 作者：不详 来源：互联网
Smashing Magazine 为了激发 Web 设计者对 CSS3 的兴趣，上月组织了一次 CSS3 设计赛，最终有 5 位设计师获奖，获奖作品体现了 CSS3 技巧的原创性与独特性，同时展示了 CSS3 的强大的功能，这些作品基于纯 CSS3 技术，并不借助 JavaScript 或其它技术。
第一名: CSS3 图表
该设计试验了CSS3 在图表方面的应用，不借助任何 JavaScript 和图片。用到了 CSS3 强大的选择器功能：nth-child 和 :target，同时用到了过渡，渐变等技术，由来自美国的 Sean Oh 设计。
第二名: CSS3 魔方
使用魔方实现导航，虽然在具体应用中体验未必好，但作为一种创意，可以用在作品展示类站点。用到了 CSS3 的过渡和渐变技巧。由来自意大利的 Francesco Benanti 与 Maicol Zenatti 联合设计。
第三名: CSS3 3D
如果你有 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
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
-
HTML
CSS
JavaScript
Dreamweaver
Fireworks
设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
- CSS酷站 网上购物 设计团队 设计博客
- 教程排行榜
- 21个令人惊叹的CSS技术（案例）展示
- 看这些用CSS3绘制的图标，你震撼了吗
- HTML5的Video标签详细说明手册
- 如何使一个DIV层居中于浏览器中？
- 加一段代码让IE6支持hover伪类效果
- IE PNG Fix—让IE6完美支持PNG透明图片的插件
- CSS Sprite(CSS精灵)的优点和使用方法
- 最新的IE6、IE7和IE8的CSS BUG汇总列表
- 深入理解CSS的inherit与auto之间区别
- 用浮动清除LI元素在IE6中底部3像素的BUG
- CSS3教程：17种用CSS实现的很酷炫的立体网...
- 解决IE6下PNG图片透明的最佳方法
- IE的几个最常见BUG及解决方案
- DIV+CSS布局两列右列宽度自适应布局的不同...
- CSS样式的postion属性absolute和fixed的区别
- CSS教程：用相对定位实现简单的图片边框阴...
- 下载排行榜
- 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码
- 半透明立体质感的宽屏flash+xml焦点幻灯代码
- 简洁效果多图切换flash幻灯焦点图代码
- 带标题和数字导航的JS焦点幻灯特效代码
- 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
- 31款简单实用的CSS+JS下拉菜单脚本
- 3D立体效果金字塔环形旋转的flash+xml相册代码
- 基于jQuery实现的瀑布流布局列表特效代码
- 透明质感上下滑动带小图预览5屏JS焦点图幻...
- 超酷的3D摩天轮flash+xml相册幻灯图片代码
- 能沿多个方向滑动切换的jquery幻灯代码
- 自带多种幻灯效果支持缩略图导航的jquery画...
- 可改图片尺寸和张数的flash幻灯轮换代码
- 很好看的带缓冲效果CSS下拉菜单导航代码
- 基于jquery很有趣的360度全景图片预览特效
- 6屏幻灯上下滑动式带缩略图和文字介绍的fla...