Image Behind Text
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@font-face{
font-family:amaze;
src:url("Fonts/blastimo.ttf");
}
*{
text-align:center;
}
div{
position:relative;
top:80px;
background-size:100%;
font-weight:bold;
font-size:250px;
font-family:amaze;
background-image:url("wall3.jpg");
-webkit-background-clip:text;
color:transparent; /*Dont use opacity in place of color:transparetnt.because opacity will work for whole div(for image too) tag not for text only.*/
background-attachment:fixed;
}
</style>
<title></title>
</head>
<body>
<div>THIS IS THE TEXT</div>
</body>
</html>
Comments
Post a Comment