CSS3 给 Web 开发带来了革命性的影响,以前很多需要 JavaScript 才能实现的复杂效果,现在使用 CSS3 就能简单的实现。如果你想了解 CSS3 可以做些什么的话,可以参考本文列出的 CSS3 能实现的很炫的应用。这些很酷的例子中有渐变、旋转、字体效果以及三维变换等等,尽情欣赏吧。
1.制作精美的按钮
http://net.tutsplus.com/tutorials/html-css-techniques/subtle-css3-typography-that-youd-swear-was-made-in-photoshop/
http://www.codeforest.net/recreating-tumblr%E2%80%99s-%E2%80%9Cupdating-%E2%80%9D-page-using-pure-css3-with-fallbacks-for-older-browsers
http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/uploader/images/css3-designs/css3-charts/index.html
http://dl.dropbox.com/u/921159/Keyboard/page.html
1.制作精美的按钮
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://img858.ph.126.net/zl2pO6JYfH5vHZyFruWkfA==/3102698668282879450.jpg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://img233.ph.126.net/KTeP3PtDS-6XFCIMCWTCtw==/1751900255048952532.png)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://img842.ph.126.net/63Vblnu5BMjYXmQWxkYsqA==/872572427805090078.jpg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://img115.ph.126.net/66mgQ3zGTChzb2PrG5KaNA==/2005227734088505621.jpg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://webdesigneraid.com/wp-content/uploads/2011/03/preview_87_5.jpg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://webdesigneraid.com/wp-content/uploads/2011/03/preview_87_8.jpg)
3.创建时尚表单
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://webdesigneraid.com/wp-content/uploads/2011/03/preview_87_23.jpg)
4.制作漂亮的导航菜单
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](https://i-blog.csdnimg.cn/blog_migrate/e79776503f8bbcc44d6bca2ca7df63d5.jpeg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://webdesigneraid.com/wp-content/uploads/2011/03/preview_87_44.jpg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://webdesigneraid.com/wp-content/uploads/2011/03/preview_87_53.jpg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://webdesigneraid.com/wp-content/uploads/2011/03/preview_87_54.jpg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://webdesigneraid.com/wp-content/uploads/2011/03/preview_87_55.jpg)
![使用 CSS3 可以实现的五种很酷很炫的效果 - 郭培 - 前端工程师 郭培的博客](http://webdesigneraid.com/wp-content/uploads/2011/03/preview_87_56.jpg)