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

导航菜单其实是没有什么可说的，制作方法到处可见，今天这个案例本来不只是一个导航，还有一个搜索表单的，可是为了偷懒，把搜索表单部分去掉了，就变成了一个CSS3制作的下拉菜单。在这个导航中主要两点，一个是渐变运用，另一个就是box-shodow制作的立体效果。

W3cplus从今天刚开推出藤藤练习的CSS3系列。出这个系列主要是为了让同样有着CSS3兴趣的同学更有动力，在这个系列中都是由W3cplus美女成员藤藤每天根据国外搜集的有关psd设计图，然后将设计图通过css3的代码转换成DEMO案例。一是为了自己提高，二是与其他有同样爱好的同学一起分享。如果你喜欢，那就持续关注w3cplus的有关更新。

W3cplus第三版本皮肤更新好长一段时间了，早就想把站点上的一些CSS3效果分割成单独的案例出来，与大家分享，但受限于时间，今天抽空把页面底部面板效果整理出来了。首先这个效果是有原因的，因为这个效果是当初自己左拼右拼出来的一个效果，后来自我感觉还能接受。上线后也有很多同学问我是图片制作的吗？其实不是的，他是一个CSS3制作的效果。

今天藤藤给大家带来一个使用CSS3制作价格标牌的例子，这个例子相对来比较简单，最主要的关键点是如何使用border-radius来制作圆形的效果。同时这个例子中还运用了CSS3的渐变，阴影。

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

站上已经放了多个CSS3制作的表单效果了，但为增强大家的视野，继续跟大家分享一个CSS3制作的登录表单。这个案例其实很简单，主要使用box-shadow做了分层纸张效果，使用gradient制作渐变按钮效果，然后就是@font-face制作的icon效果。其实这些理论方面的知识在站上都能找到，如果你是第一次接触这些，不仿试着查找一下。

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

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

藤藤今天给大家带来一款使用CSS3制作的3D立体表单效果。在这个案例中主要使用了CSS3的渐变制作了body的背景；使用box-shadow制作的3D立体input框和3D立体按钮；使用@font-face制作的icon图标。