近来HTML5+CSS3，以及相关的游戏开发都很火啊，本人也得跟上时代的脚步，做了一个CSS3的小Demo供大家指点。 1. transform 与 transform-origin 使用说明 目前这两个属性得到了主流浏览器IE，webkit，firefox，opera的支持，属性名分别为-ms-transform -webkit-transform，-moz-transform，-o-trans... [阅读全文]

CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写 JavaScript 才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家推荐20个很酷的CSS3导航菜单制作教程，展示一下 CSS3 的魅力。 How to Create a CSS3 Wheel Menu How to Create... [阅读全文]

　　一、不同书写顺序示例　　首先是比较聪明和值得推荐的写法： 　　下面就是我们可能不怎么在意的，可能会产生问题的书写顺序： 　　实际上，按照我们的逻辑思考，后面的书写也应该不会产生问题啊。比如说，火狐即支持border-radius: 10px;又支持-moz-border-radius: 10px;属性，后面的overwrite前面的也没有问题啊。但是，事实上，事情不是我们想的那么简单的。1. ... [阅读全文]

叮叮叮，铛铛铛，上课了上课了，同学们挨个坐好，爆老师要点名啦！　　额，在上课之前先说一下，本套课程所有图例或示例包括以后涉及到的动画，我都将使用CSS3来设计，不采用一张图片，所以请使用Chrome浏览器。否则你看到乱七八糟的东西或一片空白，I Don't Care！　　一、Gradient是什么东西？　　这个问题比较初级，不过初级也能有高级的说法和理解，且听我的忽悠～　　我记得曾经在读《硅谷革命... [阅读全文]

1.圆角 border-radiusCSS2中的圆角只能通过比较特殊的方法或是图片实现，在CSS3中终于可以直接使用了。指令为： width表示四个圆角的水平半径。目前这还只是个草案，并非实际标准，所以直接用border-radius浏览器还是不能识别的，对于这种实现各浏览器都会加上各自的标记，Firefox为-moz-border-radius，webkit内核的为-webkit-border-... [阅读全文]

别误会，IE是不支持CSS3高级选择器，包括最新的IE8（详见《CSS选择器的浏览器支持》），但是CSS选择器的确是很有用的，它可以大大的简化我们的工作，提高我们的代码效率，并让我们很方便的制作高可维护性的页面。然而IE对高级CSS选择器特别是CSS3选择器的支持让我们一直不能将CSS选择器推广应用。不过，虽然我们无法左右浏览器的市场份额，却可以通过一些技术改善我们的工作。我们也可以使用其它的一些... [阅读全文]

Pure CSS3 Page Flip Effect这是一个通过CSS3渐变、过渡、二维变换和剪裁技术, Roman Cortes 实现这一个纯CSS3的翻页效果 (没有用javascript). 当然也指定了Webkit 的浏览器 (Safari and Chrome).Create a Vibrant Digital Poster Design with CSS3一 个通过纯html和C... [阅读全文]

目前还有一部分浏览器暂时无法支持css3的新属性，同时有的css3新属性标准各个开发商也在协调中。但随着浏览器的改进，相信以后的浏览器会更好的支持css3属性，这只是时间的问题。既然css3时代就要到来，那我们就提前准备一下呗。一下收集分享了6个关注css3的网站资源供大家学习交流。css3.0参考手册中文版权1、Get Started with CSS 3网站主要讲解了css3支持的新属性，比如... [阅读全文]

互联网的发展总是在不断地催生新技术的产生，而HTML 5和CSS 3是最近一直被讨论的热门话题，关于HTML 5与Flash之间的唇枪舌战一直不断，而CSS 3的新功能也让人们备受期待。那么HTML 5和CSS3究竟有哪些让我们眼前一亮的东西呢？HTML 5草案的前身名为Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队... [阅读全文]