使用CSS的文字阴影

Question

嘿，我正在尝试使用框阴影实现文本样式，但无法做到紧密结合。您能指导我采用哪种方法。这是我到目前为止尝试过的：

.head {
  text-shadow: 0 1px 0 #766d36, 0 2px 0 #766d36, 0px 0px 50px #928848, 0 0px 0px #928848, 0 -1px 0 #574f1b, 0 0px 10px rgba(232, 217, 119, 0.1), 0 0 12px rgba(232, 217, 119, 0.1), 0 -3px 15px rgba(232, 217, 119, 0.3), 0 0px 73px rgba(232, 217, 119, 1), 0 4px 29px rgba(232, 217, 119, 0.25), 0 3px 1px rgba(232, 217, 119, 1), 0 15px 20px rgba(232, 217, 119, 0.15);
  color: #aea254;
}

<h1 class="head">Enter</h1>

Answer 1

找到了这个，希望对您有所帮助： https://codepen.io/adambundy/pen/HtmaK

<div class="nav">
  <div class="logo-holder">
    <img class="logo" src="bilder/logo.jpg" />
  </div>
  <div class="nav-text">
    <h1>Peter Möhle</h1>
  </div>
</div>

Answer 2

您可以尝试以下操作：https://codepen.io/anon/pen/gjVrdx

.bg {
background-color: #e8d977;
  width: 200px;
  height: auto;
}

.title {
  padding: 10px 22px;
  font-size: 55px;
  font-family:  sans-serif;
  text-shadow: 10px 6px 7px rgba(255,255,255,0.5) !important;
  opacity: 0.2;
}

<div class='bg'>
  <h1 class='title'>Enter</h1>
</div>