Image and video as text bg Part 1

Published: 23 January 2022
on channel: Masters In Web Design

Image and videos as the background of a text

/*CSS*/
*,*::before,*::after{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
width: 100%;
min-height: 100vh;
background: #FFF;
font-family: sans-serif;
}
.container{
width: 50%;
margin: 0 auto;
text-align: center;
}
.container .image,.container .video{
position: relative;
width: 100%;
margin-top: 10%;
height: 200px;
}
.container .image img, .container .video video{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.container .image h1, .container .video h1{
font-size: 5rem;
font-weight: 900;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #FFF;
mix-blend-mode: screen;
}

Watch video Image and video as text bg Part 1 online, duration hours minute second in high quality that is uploaded to the channel Masters In Web Design 23 January 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 12 times and liked it 2 visitors.

1,014