Web 前沿技术：展现一组极其绚丽的 CSS3 效果

　　这篇文章收集了一组很是绚丽的 CSS3 效果应用演示，这些示例演示了 CSS3 各类新特性的强大能力。随着愈来愈多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择，之前须要使用 JavaScript 才能实现的各类很酷的界面效果和动画，现在使用纯 CSS 代码就能够很容易实现。相信下面这些 CSS3 演示会让你感到吃惊！

您可能还喜欢

• 35个让人惊讶的 CSS3 动画效果演示
• 24款很是实用的 CSS3 工具终极收藏
• 推荐12个漂亮的 CSS3 按钮实现方案
• 推荐10个很是优秀的 CSS3 开发工具
• 分享50个漂亮的 CSS3 最佳应用示例

 

Paperfold CSS

使用 CSS3 实现的立体纸张折叠的效果，淘宝商城首页左侧栏的商品分类用的就是这个效果。

 

CSS3 Lighting Effects

使用 CSS3 渐变和阴影特性实现的光线效果，很是逼真！在Chrome 和 Safari 中浏览最佳。

 

Beercamp: An Experiment With CSS 3D

一个 CSS 3D 书本，专门为 2012 Beercamp 活动制做，鼠标拖动能够展开立体感的书本。

 

Scroll Effect

一组借助 CSS3 特性实现的动态滚动效果，是 Github 上的开源项目，感兴趣的同窗能够好好研究一下。

 

CSS 3D Lighting Engine

Photon 是一个为立体空间中的 DOM 元素添加光照效果的 JavaScript 库，结合 CSS3 特性实现。

 

3D Thumbnail Hover Effects

使用 CSS3 3D transform 等特性实现的绚丽图片 3D 效果，提供了五组Demo，有详细的制做教程。

 

dodecahedron

使用 CSS3 绘制的十二面体（Dodecahedron），可以展开和合拢，很是震撼。

 

CSS3 bitmap graphics

这个位图是纯 CSS3 实现的，no p_w_picpaths, no canvas, no data URIs。

 

Apple's iPhone 4 Slider

CSS3 动画在苹果 iPhone 4S 网页中的演示，验证了 CSS3 强大的动画特性。

 

CSS and Type

这个网站展现了一组使用 CSS3 特性实现的文本效果，值得收藏起来慢慢学习。

 

您可能还喜欢

 

• 10套精美的免费网站后台管理系统模板
• 24款很是实用的 CSS3 工具终极收藏
• 60款很酷的 jQuery 幻灯片演示和下载
• 8个惊艳的 HTML5 和 JavaScript 特效
• 推荐12个漂亮的 CSS3 按钮实现方案

 

本文连接：将来的Web：分享7个很是绚丽的 CSS3 效果演示

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源