Image and video as text bg Part 1
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 without registration, duration hours minute second in high quality. This video was added by user Masters In Web Design 23 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 12 once and liked it 2 people.