CSS伪类：CSS3鼠标滑过按钮动画第三节

原文地址：http://www.javanx.cn/20191226/buttonhover-2-2/

前言

有了之前的两章，小伙伴们对按钮悬浮动画是否又有了新的认识呢？

前面两章主要是从背景着手，而本章主要是围绕边框动画做效果。并且，本章节（按钮组:有趣的CSS按钮动画，带你进入CSS世界）也就到此结束了，本章结尾会对前3小节进行一定的总结。

下面继续本小节的主题，请先看一下效果示例：

看过前两小节的小伙伴，可能不需要看下面的源码，就知道如何实现了，大家可以先自己动手试试，然后再回头来看看。或许实现方式不一样，但只要能实现，都是好方法。

下面对示例讲解

示例一

<button class="btn-1