魅力四射的按钮
美丽的hover效果得益于强大的css3。尽管需要注意兼容性，但这并不能阻碍我们学习的脚步。
- 2D版-滑入
- 动画：从两边向中间过渡该动画需要两个个data-title属性，一个放在before里，另外一个放在after里
- 返回首页 提交 取消 login
- 动画：从左往右过渡该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：从右往左过渡该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：从上往下过渡该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：从下往上过渡该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 2D版-旋转
- 动画：顺时针绕中心旋转该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：逆时针绕中心旋转该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：水平方向旋转该动画只需一个data-title属性，动画时间为0.8s
- 返回首页 提交 取消 login
- 动画：垂直方向旋转该动画只需一个data-title属性，动画时间为0.8s
- 返回首页 提交 取消 login
- 2D版-放大
- 动画：左下角到右上角该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：左上角到右下角该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：右上角到左下角该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：右下角到左上角该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：中心发散该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：边框从左往右放大该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：边框从中心发散该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 动画：边框从左边进入， 右边出来该动画只需一个data-title属性
- 返回首页 提交 取消 login
- 2D版-淡入淡出
- 3D版-翻书
- 总结
- 其实写css3是一件很快乐的事情，因为使用它你可以做出非常绚丽的效果。而这比用js来的更快，性能更好。
- 所以我们必须摒弃旧的，古老的浏览器，让我们一起拥抱变化！