我们可以用精美的背景图片和CSS代码制作出非常漂亮的按钮，但在某些特殊的页面上，或者你需要让按钮更有动感从而让你的用户眼前一亮，那么就试试 用CSS3技术吧，CSS3新增的很多属性能让按钮具有你意想不到的效果，包括动画、3D、阴影等等。下面就向大家推荐几个相当震撼的CSS3按钮组合， 希望能给各位读者带来一定帮助。

1、7个CSS3动画按钮特效

这7种按钮均在鼠标滑过时产生不同的动画特效。具体的动画效果可以看下面的在线演示。

2、带搜索框的CSS3动画按钮

介绍2个CSS3按钮，其中一个按钮当鼠标划过时将会出现一个搜索框，这2个按钮的动画特效均使用纯CSS3制作完成。

3、CSS3带气泡动画特效的按钮

这是一个用CSS3实现的带有气泡动画特效的按钮。当你把鼠标移入或者移出按钮时，按钮中就会出现气泡流动的动画特效。

4、绚丽的CSS3发光按钮特效

这是用纯CSS3实现的一组按钮特效，这组按钮不仅色彩绚丽，更重要的是如果在chrome或者safari浏览器中还能呈现出闪闪发光的特效，非常酷的一组按钮。

5、另类风格的CSS3按钮特效

这组CSS3按钮比较特别，整体上来看，这组CSS3按钮给人的感觉是非常有爱非常萌。按钮上都会有一个小图标，而这个小图标是由data-icon属性实现的。

6、15个风格各异的CSS3按钮

这里给大家分享15款风格各异的CSS3按钮，除了最后三个按钮需要图片支持外，其他均可以用纯CSS3代码实现。看完这15个CSS3按钮，相信很多需要用到按钮的地方你都能知道该怎么做了，一起来看看这些按钮吧。

7、10个非常漂亮的CSS3按钮

这10个CSS3按钮拥有不同的色彩，你可以选择其中一个适合你的按钮放在自己的网页上。

以上7个令人震撼的CSS3按钮就介绍完了，希望大家会喜欢，当然我非常希望得到你的支持。另外，转载请注明来源：html5_dev的专栏

Tab菜单是一种比较特殊的菜单，和其他菜单不同，Tab菜单更多的是帮助用户在更狭小的范围内导航所要阅读的内容，通过对Tab页的切换，用户可以在有限的空间内找到更多感兴趣的内容。下面给大家分享5款简单而实用的CSS3 Tab菜单示例，希望能有用。

1、CSS3实现的Tab菜单导航

这是一款基于CSS3技术的Tab菜单导航，这个Tab菜单仅仅利用了一些简单的CSS代码和HTML5实现的，大家可以下载源代码试试这个Tab菜单。

2、JS和HTML5实现的Tab菜单

这又是一个简单实用的HTML5 Tab菜单，该HTML5 Tab菜单有详细的制作教程供大家参考，下面一起来看看实际效果。

3、基于CSS3和jQuery的Tab菜单

这是一款基于CSS3和jQuery的Tab菜单，Tab切换时带有淡入淡出的效果，相当流畅，而且又十分简易，短短几行CSS3代码和jQuery代码就能实现这个简单实用的Tab菜单，不过需要支持CSS3的浏览器才能运行哦。

4、CSS3辉光效果的Tab菜单

这是一款基于纯CSS3的Tab菜单，该Tab菜单的Tab项在点击切换的时候会发出微微的辉光，从整体来看十分大气，大家可以将该Tab菜单的源码下载下来试用一下。

5、精美的CSS3 3D Tab菜单

这是一款基于CSS3和jQuery的3D Tab菜单插件，该Tab菜单在firefox、chrome、opera和IE10中将展现3D的效果，在IE的其他版本将会以普通的Tab呈现给用户，所以这个Tab菜单的兼容性还是蛮好的，一起来看看吧。

希望上面这5个实用的CSS3 Tab示例能给大家带来帮助，转载请注明出处：html5_dev的专栏