1

両方のレイヤーが白である2つのテキストレイヤーを互いにブレンドしようとしていますが、2つの単語が重なっている部分では、単語を背景と同じ色にしたいと考えています。

mix-blend-modeをいじり始めました。

ブラウザの最新バージョンでのみ動作する必要があります（気にしないでください）

http://codepen.io/SusanneLundblad/pen/bEopPw?editors=110 

.wrap
  display: flex
  justify-content: center
  align-items: center

h1,h2
  font-family: 'Limelight', cursive;
  text-transform: uppercase

 h1
  font-size: 400px
  color: white
  //mix-blend-mode: overlay
h2
  color: #282828
  position: absolute
  font-size: 200px
  top: 50%
  left: 50%
  transform: translate(-50%,-50%)

誰か提案があれば、私はとても幸せです！

4

1 に答える 1

0

svgを背景として使用することでそれを行うことができます

-webkit-background-clip: text;

財産。

更新: http://codepen.io/anon/pen/gPGmLo

注:コードは Webkit ブラウザーのみをサポートします。

于 2016-01-15T14:48:14.550 に答える