Css Blend Mode With mobile
Css Blend Mode With mobile
Code......HTML
Css Code...
Code......HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div class="sho">
<h1>Shohaib</h1>
</div>
</body>
</html>
Css Code...
*{
padding:0;
margin:0;
box-sizing:border-box ;
}
.sho{
width:100vw;
height:100vh;
background-image:url("https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQLjIr5u0HOTz0-tlbyWHAnqLeSX95FA4Zgyg&usqp=CAU");
background-size:100% 100%;
display:grid;
place-items:center ;
}
h1{
font-size:70px;
background-color:#fff;
padding:0 10px;
mix-blend-mode:screen;
}
No comments