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

标签: web 技术 展示 | 发表时间:2012-11-22 13:56 | 作者:梦想天空(山边小溪)
出处:http://www.cnblogs.com/lhb25/

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

您可能还喜欢

 

Paperfold CSS

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

 

Beercamp: An Experiment With CSS 3D

一个 CSS 3D 书本,专门为 2012 Beercamp 活动制作,鼠标拖动可以展开立体感的书本。

 

CSS3 Lighting Effects

使用 CSS3 渐变和阴影特性实现的光线效果,非常逼真!在Chrome 和 Safari 中浏览最佳。

 

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 images, no canvas, no data URIs。

 

Apple's iPhone 4 Slider

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

 

CSS and Type

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

 

您可能还喜欢

 

 

本文链接: 未来的Web:分享7个非常绚丽的 CSS3 效果演示

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

hide

本文链接

相关 [web 技术 展示] 推荐:

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

- - 博客园_梦想天空
  这篇文章收集了一组非常绚丽的. CSS3 效果应用演示,这些示例演示了 CSS3 各种新特性的强大能力. CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 . JavaScript 才能实现的各种很酷的界面效果和动画,如今使用纯 CSS 代码就可以很容易实现. 相信下面这些 CSS3 演示会让你感到吃惊.

Web技术整理

- Gabriel - 博客园-首页原创精华区
  Web技术或许是将来最为热门的技术之一. 这里略作一些总结,以及对各种Web技术作一些概要性介绍. (以下内容建立在我的粗略理解之上,欢迎指正).   推荐个学习Web技术比较好的网站,介绍的比较全面.   页面的展示使用超文本标记语言(HTML)来表示. 这是一种标签语言,本身不具有执行能力,只是结构化页面内容.

当前最火的web开发技术

- - 博客园_新闻
2014 年 10 月 29 日,万维网联盟泪流满面地宣布,经过几乎 8 年的艰辛努力,HTML5 标准规范终于最终制定完成了,并已公开发布. HTML5 提供了一些新的元素和属性,例如 nav(网站导航块)和 footer. 这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如 audio 和 video 标记.

论Web Service 相关技术(转)

- - 互联网 - ITeye博客
摘要:随着Internet和weh技术的迅速发展,传统的分布式计算技术已经不能 很好的适用于Web环境. 正是基于这种情况,Web Service技术应运而生. Web Service是一个新概念,它的系统架构、实现技术是现有应用的面向Internet的一个延伸. Web是为了程序到用户的交互,而Web Service是为程序到程序的交互作准备,web Service已成为IT产业近几年来探索的热点课题之一.

高并发web服务技术选型

- - 崔永键的博客
主要问题集中在单个GB级数据使用何种DFS的问题上,目前还没有得到可靠的结论. 采用:nginx或 lvs: https://github.com/alibaba/LVS. 实施自己的调度策略:学习配置lvs或改造lvs或自己重写. 调研下采用hdfs还是fastdfs还是其他的:Fastdfs,ZFS,Lustre,HadoopHDFS,GlusterFS.

The Expressive Web:最具创意的HTML5和CSS3特性展示

- kxxoling - cnBeta.COM
感谢梦想天空(山边小溪)的投递. 不久前,Adobe发布了一个展示HTML5和CSS3特性的网站项目:The Expressive Web,该网站以形象生动的例子演示了加入到现代Web中最有创造性和表现力的功能,另外还提供了众多具有视觉冲击力的HTML5和CSS3学习资源.

2010 Web前端技术趋势及总结

- bluesnail - 博客园-首页原创精华区
经过这段时间国内(百度,淘宝,新浪)及国外(Facebook,Youtube,Yahoo)各大公司的集中自曝,我们可以从中总结出2010 Web前端技术的一些趋势. 总的来说,随着后端技术(存储,并发,分布式)的成熟,各大公司已经把重点从后端架构调整/建设转移至前端(TTI时间,快速发布,带宽利用率).

2011年 5 大 Web 前端技术展望

- King - cnBeta.COM
感谢鸟人网BirdUser的投递. 刚刚过去的2010年里,我们看到了 HTML5技术的崛起,以及 CSS3的日渐成熟,经历了 Rails 3.0 新版本的推出,以及全球范围内采用的@font-face selector 技术等等一些更多的新技术和新鲜事情. 2011年将会有什么web前端技术出现或者成熟.

7 项 Web 开发者需要了解的新技术

- TONY - 博客园新闻频道
  Web 开发者需要经常更新他们的知识,学习新的技术,如果他们还想继续在 Web 开发领域混并混得还不错的话. 下面将为你展示 7 项新的 Web 开发技术,作为一个 Web 开发人员,你需要了解、熟悉并学会的技术.   目前,大量智能手机设备的涌现,同时各种不同尺寸屏幕的设备,如平板电脑之类的出现,对 Web 开发带来了前所未有的挑战,如何让 Web 页面能适应各种尺寸的屏幕让很多 Web 开发人员相当的纠结.