需要 CSS3 按钮样式

Question

好的，所以我被赋予了重新创建此按钮的任务

Answer 1

这里是渐变部分的建议。您需要自己添加图标。

a {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  border: 1px solid lightgray;
  background: linear-gradient(#999,#fff);
  text-decoration: none;
}

a::before {
  content: '';
  position: absolute;
  left: 9px;
  top: 9px;
  width: 100px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid gray;
  background: white;
}

a span {
  position: relative;
}

<a href="#">
  <span>Home <i class="material-icons ico-style"></i></span>
</a>

Answer 2

您可以使用此工具来设计按钮样式按钮生成器