html - 是什么导致我的按钮 ("View all content"中的文本在放大时显示为 3D

Question

您可以在常规 View 和悬停时看到按钮文本下方的灰色阴影背景。我不确定是不是因为我使用的 Bootstrap 主题(相对较新+自学)。任何帮助表示赞赏!谢谢。

编码:https://codepen.io/minacosentino/pen/JyBQxM

.btn-primary {
  font-family: "Montserrat", arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .25rem;
  text-indent: .75rem;
  margin-bottom: 5rem;
  background: #4fd2c2;
  border-color: #4fd2c2;
  color: #fff;
  border: none;
  border-radius: 3rem;
  height: 30px;
  padding: 2rem 4rem;
  font-size: 1.25rem;
  line-height: 0rem;  
  }

  .btn-primary:hover {
    background: #ffffff;
    color: #4fd2c2;
    border: 2px solid #4fd2c2;
  }

Answer 1

在 .btn-primary 上试试这个

text-shadow:none;

https://codepen.io/anon/pen/PKVByp