本实例主要应用gradient，然后使用box-shadow和border-raidus生成一个看起来很酷的按钮。然后download文字和版本文字分为两层，download文字层的z-index大于版本文字的z-index，鼠标滑过的时候改变download文字的宽度，露出下面的版本文字层。

再来一个3D的案例，本实例自谷歌，技术自然不用说了，那是一级棒。个人能力有限，我就挑简单的分析下呵呵。说下这个正方体的实现吧，先设置父级元素的transform-style:preserve-3d，然后定义各个面的宽高及绝对定位并设置scale3D为1.2倍，最后就是把各个面分别运用rotateX，rotateY，再运用translateZ拉开距离。至于旋转的运动则是设置父元素的animation从0到360deg的旋转。既然是google的案例，那肯定不支持火狐啊，不过只要换个前缀火狐也不是问题吧。

本实例纯css3打造，因为没有获取当前时间，所以初始化时间为12点，打开即开始走动。圆盘使用border-radius做成，然后一个:before生成中间的圆点，一个:after生成倒影。至于三个指针就是关键了，其高度及宽度不等，绝对定位于中间的同一圆点，然后以这点为坐标旋转，旋转使用动画一样，只是旋转一周的持续时间不一样，秒针为60s，分针为3600s，时钟为84600s。

本实例看起来有点像太极，其实更如一块环形的玉佩，设计比较好看。先设计一个圆形填充一个135deg的两个颜色的渐变，各位一半。然后设计三个子元素为上中下的小圆，一个为浅色的与渐变背景的浅色的一样，一个为黑色的充当中间的孔，一个为深色的与渐变背景的深色一样，为了表现更佳，给这三个小圆各自应用了box-shadow生成阴影。然后就是父元素的animate转动360deg。

首先非常感谢丸子大师（http://i.wanz.im/）提供这个案例的DEMO源码。这是一个使用CSS3的transform和transition制作的一个动画效果，当鼠标处于悬停状态时，垃圾桶会打开，有一个小卡通被丢进垃圾桶。创意很有意思，实现很简单。如果丸子在花点时间将demo中的图片换成用css3写，就是一个纯CSS3的动画DEMO了，还有一个地方可以改变的，就是不用三个标签，使用CSS3的":before"和":after"来代替里面的子元素。这样就省去两个标签，有兴趣的同学可以尝试一下，在丸子的基础上进行修改，做成后，你会有一种成就感的。

这个效果是一个CSS3制作的时钟，不过并不是我们传统的时钟风格，分别用三块显示时、分、秒三个部分，而且这个DEMO中藤藤还为其加上了一个js的效果，能让这个效果和现实时钟的时间同步。这个效果运用到的CSS3知识点就是渐变、阴影，而最为关键的就是CSS3的渐变制作。

今天藤藤给大家带来的是一个CSS3制作的登录表单效果，这个效果有两上亮点，第一是渐变制作内凹圆角效果，第二个就是渐变制作花边效果。可以说这两个效果的实现都有一定的难度，如果你对css3的渐变属性gradient和CSS3的多背景不了解的话，你是无法实现的。如果你对这个效果感兴趣，那就自己动手一试吧。

这个案例是由@猫仔同学提供的。最大的亮点就是使用了CSS3制作了卷边效果，配上js的移动效果，真是与众不同。在这个demo中主要运用了border-radius制作卷边效果，使用gradient实现了导航的渐变效果，而且还使用了border绘制了向上的箭头，同时给箭头配上了一个css3的动画效果。真的不错哟。

首先非常感谢verycd的@不点同学提供案例。这个案例是使用CSS3制作的一个多颜色3D立体导航。在这个案例中有两个关键之处，其一使用box-shadow制作导航立体效果，其二使用gradient配合:before选择器制作导航项之间的分隔线。详细请参阅代码。

这个案例主要使用css3来制作标签，不过使用的的属性还是常见的那几种，可是要实现还是有一定的难度。其中最有亮点的是使用css3来实现斜线背景以及方格背景，然后就是使用@font-face来制作icon图标。原理简单，重要的是思路，以及这两种背景实现的细节。感兴趣的同学直接看源码。