0byt3m1n1-V2

Path: /home/xncercjb/domains/quickspace.co.th/public_html/css/ [ Home ]
File: hovereffect.css
.set_8_button{
    font-weight:400;
    padding:0px 25px;
    line-height:45px;
    text-decoration:none;
    cursor:pointer;
    text-align:center;
    transition:background 300ms;
}
.set_8_button.outline{overflow:hidden;position:relative}
.set_8_button.outline:before, .set_8_button.outline:after, .set_8_button.outline .lines:before, .set_8_button.outline .lines:after{
    background-color:#d7d7d7;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:2px;
    transition:transform 300ms;
}
.set_8_button.outline:before{bottom:0;top:auto}
.set_8_button.outline .lines{
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0;
}
.set_8_button.outline .lines:before,.set_8_button.outline .lines:after{height:100%;width:2px}
.set_8_button.outline .lines:after{left:auto;right:0;}
.set_8_button:hover:before{transform:translateX(-100%)}
.set_8_button:hover:after{transform:translateX(100%)}.set_8_button:hover .lines:before{transform:translateY(-100%)}
.set_8_button:hover .lines:after{transform:translateY(100%)}