开关按钮透明悬停效果

Question

我想在透明背景与纯色背景之间切换按钮悬停效果，但到目前为止我毁了它:( 如果有人可以帮助我，那就太好了，谢谢Stackoverflow。

/*################ Test Button ##########*/
.tesbtn {
  color: #EE6533;
  border:solid 2px #EE6533;
  border-radius: 6px;
  box-shadow: 0 0 20px #EE6533;
  padding: 9px 9px;
  font-size: 14px;
  display: inline-block;
  width: 130px;
  margin: 10px;
  float: center;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: bold; 
  text-align: center;
  text-shadow: 0 0 5px #EE6533;
  transition-duration: 0.4s;
  -webkit-transition-duration: all 0.4s;
}
.tesbtn:hover {
  background: #EE6533;
  color: #fff;
  box-shadow: 0 12px 16px 0 rgba(238,101,51,0.24),0 17px 50px 0 rgba(238,101,51,0.19);
}
.tesbtn:last-child {
  margin-left: 5px;
}

<br/><br/>
<div style="text-align: center;">
<a class='tesbtn' href='#' target='_self'>Test</a>
  <a class='tesbtn' href='#' target='_self'>Test</a>
  </div>

Answer 1

如果要使背景透明，可以使用opacity:

Answer 2

尝试使用以下转换：opacity（）;财产