› 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?

12 March 2022 at 4:26 am #3459
Christina
Participant
    @stina
    First Steps Badge DiviCom Big Supporter Badge New Beginnings Badge
    DiviCom Participant Badge
    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 1 year, 3 months ago by Christina.