清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐CSS3设计赛:基于纯CSS3技术的前5名设计师,无聊中的都看过来。
【 tulaoshi.com - Web开发 】
上月组织了一次 CSS3 设计赛,最终有 5 位设计师获奖,获奖作品体现了 CSS3 技巧的原创性与独特性,同时展示了 CSS3 的强大的功能,这些作品基于纯 CSS3 技术,并不借助 JavaScript 或其它技术。
Smashing Magazine 为了激发 Web 设计者对 CSS3 的兴趣,上月组织了一次 CSS3 设计赛,最终有 5 位设计师获奖,获奖作品体现了 CSS3 技巧的原创性与独特性,同时展示了 CSS3 的强大的功能,这些作品基于纯 CSS3 技术,并不借助 JavaScript 或其它技术。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)第一名: CSS3 图表CSS3 Charts [ 预览 | 下载 ]
该设计试验了 CSS3 在图表方面的应用,不借助任何 JavaScript 和图片。用到了 CSS3 强大的选择器功能:nth-child 和 :target,同时用到了过渡,渐变等技术,由来自美国的 Sean Oh 设计。
第二名: CSS3 魔方CSS3 Rubiks Cube [ 预览 | 下载 ]
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)使用魔方实现导航,虽然在具体应用中体验未必好,但作为一种创意,可以用在作品展示类站点。用到了 CSS3 的过渡和渐变技巧。由来自意大利的 Francesco Benanti 与 Maicol Zenatti 联合设计。
第三名: CSS3 3DCSS3D [ 预览 | 下载 ]
如果你有 3D 眼镜,可以看看这个 3D 效果,支持任意现代浏览器,甚至 iPhone,由来自荷兰的 simurai 设计。
第四名: CSS3 机器人CSS3 Monsters Blob [ 预览 | 下载 ]
使用纯 CSS3 设计的机器人,随着鼠标的移动,机器人的眼镜也在转动,由来自法国的 Sebastien Plaignaud 设计。
第五名: CSS3: 时间的裂缝CSS3 A Rift in Time [ 预览 | 下载 ]
CSS3 支持旋转,我们可以借以试验反传统的倾斜导航,由来自美国的 Maxwell Burton 设计。
来源:http://www.tulaoshi.com/n/20160220/1631887.html
看过《CSS3设计赛:基于纯CSS3技术的前5名设计师》的人还看了以下文章 更多>>