Rooms Header/Footer How to create this header text effect? Mixed blend mode? Reply To: How to create this header text effect? Mixed blend mode?

#3459
Christina
Participant
@stina
Up
2
Down
::
.inverted-text-element {
position:relative;
max-width:600px;
margin:0 auto;
}
.inverted-text-element:after {
background:url('https://farm9.staticflickr.com/8760/17195790401_94fcf60556_c.jpg');
background-size:cover;
color:#FFFDED;
width:240px;
left:120px;
}
.inverted-text-element:before, .inverted-text-element:after {
padding: 100px 0;
text-indent: 10px;
position: absolute;
white-space: nowrap;
ccolor: #99794C;
overflow: hidden;
font-size:160px;
content: attr(data-content);
}
  • This reply was modified 6 months, 3 weeks ago by Christina.