ホーム>source

ねえ、私はボックスの影を使用してテキストのスタイルを達成しようとしていますが、近づくことさえできませんでした。どのアプローチを使用すべきかを教えてもらえますか。ここに私がこれまで試したものがあります:

.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>

あなたの答え
  • 解決した方法 # 1

    これが見つかりました、これが役立つことを願っています: https://codepen.io/adambundy/pen/HtmaK

    h1 {
      font: bold 200px arial, sans-serif;
      background-color: #565656;
      color: transparent;
      text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
      -webkit-background-clip: text;
      -moz-background-clip: text;
      background-clip: text;
    }
    
    

  • 解決した方法 # 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>
    
    

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ Python XML SOAP解析