Смешивание двух слоев текста

Question

Я пытаюсь наложить два слоя текста друг на друга, где оба слоя белые, а на тех частях, где два слова перекрывают друг друга, я хочу, чтобы слова имели один и тот же цвет как фон.

Я начал играть в смешанном режиме.

Он должен работать только в последней версии браузеров (не говоря уже есть)

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%) 

Если у кого есть какие-либо предложения, я был бы очень счастлив!

Answer 1

Вы можете сделать это путем использования SVG в качестве фона наряду со свойством

-webkit-background-clip: text; 

.

Обновлено: http://codepen.io/anon/pen/gPGmLo

Примечание: код поддерживает только WebKit браузеры.