Parallax Effect Code of HTML & CSS
Paste this code in HTML file
<html>
<head>
<title>Parallax</title>
<link href="parallax.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="a1">
<p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, this is a paragraph, this is a paragraph,</p>
<p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, this is a paragraph, this is a paragraph,</p>
<p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, this is a paragraph, this is a paragraph,</p>
<p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, this is a paragraph, this is a paragraph,</p>
<p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, this is a paragraph, this is a paragraph,</p>
<p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, this is a paragraph, this is a paragraph,</p>
<p> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, <br>this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, <br> this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph, this is a paragraph,<br> this is a paragraph, this is a paragraph, this is a paragraph,</p>
</div>
</body>
</html>
Paste this code in CSS file
.a1{
background-image: url(Images/banner_img.jpg);
background-size: 100% 100%;
height: 100vh;
background-attachment: fixed;
background-position: center;
}
No comments:
Post a Comment