CSS3实现幽灵按钮（下）

CSS3实现幽灵按钮

实现边框的特效

• 实现上边框的飞入效果：从效果中看，我们可以看到，飞入的边是有外部的一个点慢慢飞入，然后覆盖的与其对应边框等长等宽的线段，

.button .line{
    display: block;
    position: absolute;
    background: #000;
}

为了方便调试，我们暂时先将边框线条的颜色设置为黑色，除此之外，边的位置与按钮的位置是相对的，因此我们需要在button属性中添加一个position属性，将其代码设置如下：

position: relative;

然后设置button-top的样式，代码如下：

.button .line-top{
    width: 0;
    height<