自己尝试实现了几个效果，总结下制作方法（如在不同浏览器下看不到效果请在css3属性上加上个浏览器的前缀）：
1：设置按钮的transition属性，做统一的过渡效果，包括按钮的:before，:after的过渡属性。
2：设定不同变化效果。例如高度的变化，阴影的变化，top的属性。
3：必须要设置:before,:after的content属性，即使设置为空。
4：：after的z-index须设置层级在按钮下。
参考地址：
本文共 314 字，大约阅读时间需要 1 分钟。
自己尝试实现了几个效果，总结下制作方法（如在不同浏览器下看不到效果请在css3属性上加上个浏览器的前缀）：
1：设置按钮的transition属性，做统一的过渡效果，包括按钮的:before，:after的过渡属性。
2：设定不同变化效果。例如高度的变化，阴影的变化，top的属性。
3：必须要设置:before,:after的content属性，即使设置为空。
4：：after的z-index须设置层级在按钮下。
参考地址：
转载于:https://www.cnblogs.com/sakura-Master/p/4054181.html