对于设计师和开发者来说，CSS一直是网页设计过程中的重要组成部分。随着CSS3的出现和越来越多浏览器的支持，设计师有了更多的选择。各种酷炫效果都可以用纯CSS实现，甚至动画。虽然有些效果不能跨浏览器运行(即使是支持CSS3的浏览器)，有些只是为了显示，没有实际用途，但是对于这些只用CSS实现的效果似乎也没什么好挑剔的。

以下是用CSS3实现的五种常见效果，你可以马上试试。

1.CSS3按钮

您可以创建一些不同大小和颜色的元素(如按钮)，而不是每次都准备一张背景图片。ZURB上有详细的文章教你创建CSS3按钮。有兴趣可以看看。RGBA做的阴影效果真的很棒！

2.CSS3条形图

Ben Lister选择了很多实用的CSS3技术，包括这个看起来挺不错的3D柱形图。有了-webkit-transform或-moz-transform和指定的偏移量，就可以用CSS做出和图片一样令人印象深刻的效果。

3.CSS3下拉菜单

WebDesignerWall的Nick La展示了如何创建一个漂亮的CSS3弹出下拉菜单。他展示了使用渐变图片和CSS创建的两个版本的菜单。

4.CSS3指的是气泡

尼古拉斯加拉格尔创造的这些纯粹的CSS引用气泡看起来很棒，你可以在你的网页上把它们稍微修改成块引用元素。

你可以去加拉格尔的演示页面看看效果，尤其是关注推特泡沫，这比推特官方的嵌入方式要好。

5.CSS3相册

苹果刚刚推出了一些展示HTML5效果的页面(HTML5和CSS3经常链接在一起)。虽然这个用CSS3创建的拍立得风格相册的一些过渡和3D效果不能在所有浏览器上运行，但它确实是CSS3过渡效果的一个很酷的例子。