• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

CSS3设计赛:基于纯CSS3技术的前5名设计_css

css 搞代码 7年前 (2018-06-11) 173次浏览 已收录 0个评论
文章目录[隐藏]

网页制作Webjx文章简介:css3设计赛中的五个获奖作品.

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

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

第一名: CSS3 图表

CSS3 Charts [ 预览 下载 ]

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

CSS3设计赛:基于纯CSS3技术的前5名设计_css

CSS3设计赛:基于纯CSS3技术的前5名设计_css

第二名: CSS3 魔方

CSS3 Rubiks Cube [ 预览 下载 ]

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

CSS3设计赛:基于纯CSS3技术的前5名设计_css

第三名: CSS3 3D

CSS3D [ 预览 下载 ]

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

CSS3设计赛:基于纯CSS3技术的前5名设计_css

第四名: CSS3 机器人

CSS3 Monsters Blob [ 预览 下载 ]

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

CSS3设计赛:基于纯CSS3技术的前5名设计_css

第五名: CSS3: 时间的裂缝

CSS3 A Rift in Time [ 预览 下载 ]

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

CSS3设计赛:基于纯CSS3技术的前5名设计_css

欢迎大家阅读《CSS3设计赛:基于纯CSS3技术的前5名设计…_css》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:CSS3设计赛:基于纯CSS3技术的前5名设计_css

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址