SOURCE

console 命令行工具 X clear

                    
>
console
<li><a href="#">Hover</a></li>
<li><a href="#">Hover</a></li>
<li><a href="#">Hover</a></li>
<li><a href="#">Hover</a></li>
li {
      width: 160px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      margin-top: 10px;
      list-style-type: none;
      display:inline-block;
}
a {
      height: 38px;
      text-decoration: none;
      border: 1px solid #2695F3;
      color: #fff;
      border-radius: 5px;
      text-transform: uppercase;
      box-shadow: 200px 0 #2695F3 inset;
      transition: box-shadow 0.8s;
}

 a:hover {
      box-shadow: 0 0 #2695F3 inset;
      color: #d91222;
 }